星河出山

关注

CSS样式控制内容行数 超出部分隐藏省略号代替

星河出山

关注

阅读 60

2022-02-20

废话少说,直接贴样式代码:

text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical; 

-webkit-line-clamp表示显示行数;
最后两行需要搭配一起使用;
看效果:
H5上的效果

相关推荐

boomwu

CSS 超出部分显示省略号

boomwu 65 0 0

彪悍的鼹鼠

文本超出隐藏,显示省略号

彪悍的鼹鼠 89 0 0

伽马星系

html样式超出长度部分使用省略号显示

伽马星系 110 0 0

苦茶如歌

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

苦茶如歌 113 0 0

上古神龙

CSS让元素内容超出两行用省略号隐藏

上古神龙 10 0 0

念川LNSC

css 文本超出,显示省略号

念川LNSC 124 0 0

腊梅5朵

CSS超出溢出显示省略号

腊梅5朵 24 0 0

愚鱼看书说故事

#yyds干货盘点#CSS实现超出内容省略号显示

愚鱼看书说故事 130 0 0

夏侯居坤叶叔尘

CSS 设置栏目文字不换行,超出部分显示省略号

夏侯居坤叶叔尘 100 0 0

_LEON_

文本超出显示省略号

_LEON_ 124 0 0

精彩评论(0)

0 0 举报