css 文字超出部分隐藏

 

未做隐藏处理

执行结果：

1、1行超出部分省略号

      

      效果：

      

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

　　

       效果：

       

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

 目前开发的使用方式是：

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

        

        效果：

　　

 

转载于:https://www.cnblogs.com/xingyue525/p/10923970.html