单行溢出隐藏:
wite-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;
多行溢出隐藏:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
只要调整-webkit-line-clamp的值就能实现显示几行超出隐藏
例子:
-webkit-line-clamp: 2; 最多显示两行,超出两行部分显示…
(无需设置height)