css 文字超出部分隱藏

 

未做隱藏處理

執行結果：

1、1行超出部分省略號

      

      效果：

      

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

　　

       效果：

       

         -webkit-line-clamp 屬性定義顯示行數可以隨需求改變

 目前開發的使用方式是：

        限制文字盒子高度為文字  line-height  大小的倍數，至於其他顯示字數由后端限制

        

        效果：