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>
這樣,當鼠標懸浮在元素上時就會顯示完整的文字內容。
上一篇mysql想重新安裝程序
下一篇mysql情書