欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css多余的字隱藏

在CSS中,我們常常需要處理多余的字,比如字?jǐn)?shù)超過限制或部分內(nèi)容需要隱藏等。如果你也在尋找隱藏多余字的方法,那么CSS的text-overflow屬性是一個(gè)不錯(cuò)的選擇。

text-overflow:ellipsis;

通過使用text-overflow屬性,我們可以將超出容器長度的內(nèi)容用省略號(hào)(“...”)表示,從而達(dá)到隱藏多余字的目的。這個(gè)屬性應(yīng)用于溢出塊元素的文本內(nèi)容,只有在文本溢出容器時(shí)才會(huì)生效,而且只有在對(duì)元素設(shè)置了overflow:hidden或overflow:scroll屬性時(shí)才會(huì)生效。

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

以上代碼將內(nèi)容隱藏并添加省略號(hào),同時(shí)使文本只能在一行中顯示。如果你需要多行文本隱藏并添加省略號(hào),可以換成以下代碼:

display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3; /*用兩行就行咯*/
overflow:hidden;
text-overflow:ellipsis;

以上就是一些常用的CSS隱藏多余字的方法,希望能對(duì)你有所幫助。