CSS限制字?jǐn)?shù),超出部份顯示點(diǎn)點(diǎn)點(diǎn)...

最近項(xiàng)目中需要用CSS實(shí)現(xiàn)限制字?jǐn)?shù),超出部份顯示點(diǎn)點(diǎn)點(diǎn)...，只需要幾行代碼即可：

width:400px;/*要顯示文字的寬度*/ text-overflow :ellipsis; /*讓截?cái)嗟奈淖诛@示為點(diǎn)點(diǎn)。還有一個(gè)值是clip意截?cái)嗖伙@示點(diǎn)點(diǎn)*/ white-space :nowrap; /*讓文字不換行*/ overflow : hidden; /*超出要隱藏

一行內(nèi)超出點(diǎn)點(diǎn)點(diǎn)

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

超出兩行顯示點(diǎn)點(diǎn)點(diǎn)

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。