云岭逸人

关注

CSS实现多行文本变省略号

云岭逸人

关注

阅读 74

2022-04-19

overflow: hidden;
display: -webkit-box;  /* 仅适用Chrome浏览器内核 */
-webkit-line-clamp: 2; /* 需要在第n行换行 */
-webkit-box-orient: vertical;
word-break: break-all; /* 遇到英文也进行换行 */

相关推荐

龙驹书房

多行文本溢出显示省略号

龙驹书房 93 0 0

豆丁趣

CSS中如何实现多行文本溢出省略号效果?

豆丁趣 45 0 0

丹柯yx

文本单行省略号+多行出现省略号

丹柯yx 125 0 0

洲行

CSS 实现文本溢出省略号显示,含单行与多行文本溢出

洲行 19 0 0

苦茶如歌

CSS多行文字超出隐藏加省略号

苦茶如歌 113 0 0

weipeng2k

CSS3实现单行、多行文本溢出(省略号的形式出现)

weipeng2k 39 0 0

书写经典

前端Warning解决:多行文本省略号样式失效丢失,css

书写经典 21 0 0

Raow1

纯css实现文本内容单行/多行溢出显示省略号

Raow1 109 0 0

东言肆语

单行文字溢出省略号显示,多行文字溢出省略号显示

东言肆语 107 0 0

月孛星君

多行元素的文本省略号

月孛星君 85 0 0

精彩评论(0)

0 0 举报