用省略號替代文字超出部分

2022-07-14 15:09:12 字數 1541 閱讀 1480

css就能夠處理這樣的需求

單行文字超出

p>很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長

p>

body

>

html

>

多行文字超出

很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長 很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長 很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長

div>

body

>

html

>

css超出部分用省略號替代

一 單行 實現單行文字的溢位顯示省略號使用text overflow ellipsis屬性,但需要配合使用另外兩個屬性使用才能達到效果。如下 overflow hidden text overflow ellipsis white space nowrap 效果 二 多行 不考慮相容性,適用於web...

CSS文字超出部分顯示省略號

overflow hidden 超出的部分隱藏起來 text overflow ellipsis 超出文字以省略號 white space nowrap 不換行 overflow hidden 超出的部分隱藏起來 text overflow ellipsis 超出文字以省略號 display web...

超出部分省略號

單行省略 overflow hidden text overflow ellipsis white space nowrap 多行省略 display webkit box webkit box orient vertical webkit line clamp 3 overflow hidden ...