css 文字不超过2行 , 超出省略

懒得记 ... mark一下, 方便查找

文字一行显示

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap; 

 

文字不超过2行(n行)

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

不过还需兼容处理 ， 因为目前只有webkit内核支持webkit-line-clamp这一属性。

以上两种情况都需要加宽度