css省略号单行多行实现

参考 参照

单行

 
 
    
文字文字文字文字很长很长很长

多行文本溢出省略

-webkit-line-clamp: 2；（用来限制在一个块元素显示的文本的行数, 2 表示最多显示 2 行。 为了实现该效果，它需要组合其他的WebKit属性）

 
 
    
文字文字文字文字很长很长很长
 

缺点

兼容性一般： -webkit-line-clamp 属性只有 WebKit 内核的浏览器才支持

利用 Float 特性，纯 CSS 实现多行省略

 
 
    
 
        
文字文字文字文字很长很长很长 ~~~~