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

css文字2行顯示點(diǎn)點(diǎn)

在CSS中設(shè)置文字2行顯示點(diǎn)點(diǎn),可以使用text-overflow屬性加上white-space和overflow屬性來實(shí)現(xiàn)。具體步驟如下:

.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; //文本超出后顯示省略號(hào)
}

上述代碼中,white-space屬性用來防止文本折行,overflow屬性可以隱藏因文本溢出而產(chǎn)生的內(nèi)容,text-overflow屬性則可以設(shè)置文本超出后顯示省略號(hào)。

使用上述代碼實(shí)現(xiàn)文字2行顯示點(diǎn)點(diǎn)的效果,只需要將具體樣式應(yīng)用在需要的元素上即可:

<p class="ellipsis">這是一段超出兩行顯示點(diǎn)點(diǎn)的文字內(nèi)容,這是一段超出兩行顯示點(diǎn)點(diǎn)的文字內(nèi)容,這是一段超出兩行顯示點(diǎn)點(diǎn)的文字內(nèi)容。</p>

在上述代碼中,將class屬性設(shè)置為"ellipsis"后,文本內(nèi)容會(huì)根據(jù)設(shè)置的樣式進(jìn)行顯示效果。這樣,在需要顯示點(diǎn)點(diǎn)的文字區(qū)域內(nèi),就能夠清晰地顯示出2行內(nèi)的內(nèi)容,并且超出2行的部分僅保留點(diǎn)點(diǎn)顯示。

總結(jié),通過text-overflow、white-space和overflow屬性的組合使用,可以很方便地實(shí)現(xiàn)CSS文字2行顯示點(diǎn)點(diǎn)的效果。