css文本一行或者多行多余部分用省略号代替

对于一行文本多余部分用省略号代替,常用下面的方法:

1
2
3
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;

对于两行或者多行常用下面的方法:

1
2
3
4
5
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

这里设置的是两行文本,更改-webkit-line-clamp的值可以设置多行文本的多余部分省略。


css文本一行或者多行多余部分用省略号代替
https://tian-1-2.github.io/typblog/2022/02/13/多余文本省略/
作者
田云鹏
发布于
2022年2月13日
许可协议