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

css文字長度截取

呂致盈2年前9瀏覽0評論

CSS中的文字長度截取可以幫助我們控制文字的顯示,讓我們的文字更加整潔美觀。

p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

上面的代碼塊可以實現長文字截取,最后一個字符會被替換成省略號(...)。

其中,overflow屬性指定了當內容溢出元素框時如何處理,text-overflow屬性指定了當文本溢出時如何顯示,在本例中為省略號,white-space屬性指定了如何處理元素內的空白。

常見的文本溢出處理方式還包括:

p {
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
}

上面的代碼塊會直接截斷文本,省略號不會出現,元素的大小不變。

若要通過鼠標懸浮顯示完整的內容,可以添加title屬性:

<p title="這是完整的文字">這是截取的文字</p>

這樣,當鼠標懸浮在元素上時就會顯示完整的文字內容。