CSS 強制文字不換行
幾個關於文字強制換不換行的 CSS 語法
-
若一個單字過長,超過畫面的寬度,則將單字換行(不切斷單字)。
word-wrap:break-word; -
若一個單字過長,超過畫面的寬度,則將單字切斷,並換行。
word-break: break-all; -
保留原始資料的空白與換行,功能與 HTML tag 中的 <pre> 相同。
white-space:pre; -
移除連續空白,移除換行符號 (
\n&\r) , 強迫文字不換行。white-space:nowrap; -
保留所有空白,自動換行。
white-space:pre-wrap; -
自動將多個空白轉換成一個空白
white-space: pre-line;