本文原始鏈接如下:
CSS 強制換行 / 不換行相關
2022-12-22:這篇筆記也快 10 年了。。
white-space:nowrap;
—— 強制在同一行內顯示所有文本,合併文本間的多餘空白,直到文本結束或者遭遇 br 對象。
overflow : hidden;
—— 隱藏溢出內容
text-overflow: ellipsis;
—— 當對象內文本溢出時顯示省略標記(...)
注:text-overflow 屬性僅是註解,當文本溢出時是否顯示省略標記。並不具備其它的樣式屬性定義。我們想要實現溢出時產生省略號的效果。還必須定義:強制文本在一行內顯示(white-space: nowrap
)及溢出內容為隱藏(overflow: hidden
)。只有這樣才能實現溢出文本顯示省略號的效果。
————————————————————————————————————
word-wrap: break-word;
—— 內容將在邊界內換行。如果需要,單詞內部允許斷行。
————————————————————————————————————