单行
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; // 三行
overflow: hidden;
text-overflow: ellipsis;
单行平时使用比较多一些。
单行
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; // 三行
overflow: hidden;
text-overflow: ellipsis;
单行平时使用比较多一些。
本文标题:CSS 单行、多行溢出显示省略号
本文链接:https://www.haomeiwen.com/subject/pigmgttx.html
网友评论