css多行文本溢出省略的实现

css多行文本溢出省略的实现

单行文本溢出，超出可显示省略号，但是多行如何实现呢；

下面，来告诉你

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;  // 要显示的行数
-webkit-box-orient: vertical;

-webkit-line-clamp: 2; 说明可以实现的行数

效果如下：