CSS文本溢出顯示省略號

 
 寬度不固定，超出寬度則以省略號「...」來表示。

            /*規定段落中的文本不進行換行：*/
            white-space: nowrap;
            overflow: hidden;
            /* text-overflow屬性表示規定當文本溢出包含元素時發生的事情;
            ellipsis表示顯示省略符號來表明被修剪的文本。*/
            text-overflow: ellipsis;

 

            超過三行後的文字省略

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;/*將對象做爲彈性伸縮盒子模型顯示*/
            -webkit-line-clamp: 3; /*限制文本的行數，只顯示3行*/
            -webkit-box-orient: vertical;/*設置或檢索伸縮盒對象的子元素的排列方式 */