CSS设置文本显示行数,超出规定用省略号表示

时间:2026-02-16 08:58:09

1、css给文本所在元素添加

overflow: hidden;


display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

CSS设置文本显示行数,超出规定用省略号表示

2、来看效果

CSS设置文本显示行数,超出规定用省略号表示

3、-webkit-line-clamp: 3;

这个是设置文本显示行数,改成几就会显示几行。

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com