CSS 強制文字不換行

幾個關於文字強制換不換行的 CSS 語法

  1. 若一個單字過長,超過畫面的寬度,則將單字換行(不切斷單字)。

    word-wrap:break-word; 
    
    
  2. 若一個單字過長,超過畫面的寬度,則將單字切斷,並換行。

    word-break: break-all;
    
    
  3. 保留原始資料的空白與換行,功能與 HTML tag 中的 <pre> 相同。

    white-space:pre;
    
    
  4. 移除連續空白,移除換行符號 (\n & \r) , 強迫文字不換行。

    white-space:nowrap;
    
  5. 保留所有空白,自動換行。

    white-space:pre-wrap;
    
    
  6. 自動將多個空白轉換成一個空白

    white-space: pre-line;
    
    

CSS 語法,文字換行,強迫不換行。