CSS限制字數,超出部份顯示點點點...

最近項目中需要用CSS實現限制字數,超出部份顯示點點點...，只需要幾行代碼即可：

width:400px;/*要顯示文字的寬度*/ text-overflow :ellipsis; /*讓截斷的文字顯示為點點。還有一個值是clip意截斷不顯示點點*/ white-space :nowrap; /*讓文字不換行*/ overflow : hidden; /*超出要隱藏

一行內超出點點點

overflow:hidden; /*超出的部分隱藏起來。*/? white-space:nowrap;/*不顯示的地方用省略號...代替*/ text-overflow:ellipsis;/* 支持 IE */

超出兩行顯示點點點

overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all;? // 注意這個文字多行很重要 -webkit-box-orient: vertical;

?

總結

以上是生活随笔為你收集整理的CSS限制字数,超出部份显示点点点...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。