css 文字超出部分隐藏

 

未作隐藏处理

执行结果：

一、1行超出部分省略号

      

      效果：

      

二、多行超出部分隐藏（目前只能在chrome浏览器中使用，其余浏览器不兼容）

　　

       效果：

       

         -webkit-line-clamp 属性定义显示行数能够随需求改变

 目前开发的使用方式是：

        限制文字盒子高度为文字  line-height  大小的倍数，至于其余显示字数由后端限制

        

        效果：