css 文字超出部分隱藏

 

未作隱藏處理

執行結果：

一、1行超出部分省略號

      

      效果：

      

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

　　

       效果：

       

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

 目前開發的使用方式是：

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

        

        效果：