CSS多行文本并显示省略号

 

比如说有一个需求:最多只能显示两行文本,超过一行则换行,超过两行则显示省略号
more-wrap($n)
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: $n;
overflow: hidden;
$n 代表显示行数


单行文本显示省略号
ellipse()
text-overflow ellipsis
overflow hidden
white-space nowrap



posted @ 2018-11-14 16:08  jonas_von  阅读(240)  评论(0编辑  收藏  举报