如何讓文字超出div後自動隱藏並且顯示省略號

這次帶給大家怎樣讓文字超出div後自動隱藏並且顯示省略號，文字超出div後自動隱藏並且顯示省略號的注意事項有哪些，下面就是實戰案例，一起來看一下。

文字超出div後自動加上...
只需要在css中設定如下樣式即可：

label{
     width: 25px;   //必须设定宽度
    overflow: hidden;
    text-overflow: ellipsis; //设置文字溢出时
    white-space: nowrap;
    word-break: keep-all;
}

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

css3陰影的詳細解

#JavaScript的陣列使用集合

##怎麼用canvas繪製星空,月亮,大地,加上文字

#怎麼用canvas來繪製弧線和圓

以上是如何讓文字超出div後自動隱藏並且顯示省略號的詳細內容。更多資訊請關注PHP中文網其他相關文章！