欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中隱藏一行多余雷榮

阮建安2年前11瀏覽0評論

CSS中隱藏一行多余的文本,可以利用text-overflowwhite-space兩個屬性來實現。

首先利用text-overflow設置文本溢出時的表現形式。如果想用省略號來代替溢出的文本,可以用text-overflow:ellipsis,另外還有兩個值可選:clipfade

然后利用white-space來控制文本是否換行。如果希望強制文本不換行,可以用white-space:nowrap

.text-overflow {
width: 200px; /* 寬度必須設定才能實現文本溢出 */
overflow: hidden; /* 溢出部分隱藏 */
text-overflow: ellipsis; /* 溢出使用省略號代替 */
white-space: nowrap; /* 強制文本不換行 */
}

上面的代碼可以實現單行文本的隱藏。如果想要隱藏多行文本,可以結合利用overflowdisplay等屬性來實現。