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

2017-03-07  本文已影响26人  Micro同学

单行

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

多行

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; // 三行
overflow: hidden;
text-overflow: ellipsis;

单行平时使用比较多一些。

上一篇 下一篇

猜你喜欢

热点阅读