CSS文本超出一行显示省略号和多行省略
![chat](https://cdn.crazyming.com/pic/2023/11/655356fd0a5bb.png)
超出一行省略:
.test {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
超出多行省略, -webkit-line-clamp
指定行数:
.test {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/2445/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。
THE END
二维码
海报
CSS文本超出一行显示省略号和多行省略
CSS文本超出一行显示省略号,多行省略
![](https://blog.crazyming.com/wp-content/uploads/2023/05/logonew.png)
![chat](https://pic.crazyming.com/i/pic/2023/08/64effaeea7b57.png)
共有 0 条评论