美文网首页
CSS 单行、多行溢出显示省略号

CSS 单行、多行溢出显示省略号

作者: Micro同学 | 来源:发表于2017-03-07 16:58 被阅读26次

单行

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