word-break: break-all與word-wrap:break-word的區別

word-break屬性值

  • normal: 依照亞洲語言和非亞洲語言的文本規則,容許在字內換行
  • break-all: 容許任意非CJK(Chinese/Japanese/Korean)文本間的單詞斷行。
  • keep-all: 不容許CJK(Chinese/Japanese/Korean)文本中的單詞換行,只能在半角空格或連字符處換行。非CJK文本的行爲實際上和normal一致。

word-wrap屬性值

  • normal: 容許內容頂開指定的容器邊界
  • break-work: 內容將在邊界內換行, 不拆分單詞

word-break能夠設置詞內換行,如英文單詞頂到到了容器邊境,設置word-break: break-all則將一個單詞換成兩行,word-wrap控制單詞外換行,如英文單詞頂到到了容器邊境,設置word-wrap: break-word則被換到下一行,這行末尾可能留有空白code

相關文章
相關標籤/搜索