假設乙個顯示文字的標籤，溢位部分顯示顯示「...」，效果如下圖：
通過定義css樣式即可實現上圖效果：
overflow: hidden; /*溢位隱藏*/
text-overflow: ellipsis;/*文字隱藏後新增省略號*/
white-space: nowrap;/*強制不換行*/
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 物件作為伸縮盒子模型顯示 **/
-webkit-box-orient: vertical; /** 設定或檢索伸縮盒物件的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 顯示的行數 **/
overflow: hidden; /** 隱藏超出的內容 **/
css 多行溢位顯示省略號
記錄下看到的乙個css巧用，非常 有意思。1 常規的處理方法張燈結綵龍獅鬧，團圓歡樂一家好，家庭事業火紅照，友情親情繞，平安健康都來到，真情滋潤好運交，元宵節的吉祥一路拋，灑下前程更 2 利用偽元素巧妙解決張燈結綵龍獅鬧，團圓歡樂一家好，家庭事業火紅照，友情親情繞，平安健康都來到，真情滋潤好運交，元...
CSS控制文字，超出部分顯示省略號
pstyle width 300px overflow hidden white space nowrap text overflow ellipsis 如果實現單行文字的溢位顯示省略號同學們應該都知道用text overflow ellipsis屬性來，當然還需要加寬度width屬來相容部分瀏覽。...
CSS控制文字，超出部分顯示省略號
pstyle width 300px overflow hidden white space nowrap text overflow ellipsis 如果實現單行文字的溢位顯示省略號同學們應該都知道用text overflow ellipsis屬性來，當然還需要加寬度width屬來相容部分瀏覽。...