word-wrap/overflow-wrap

語法:

word-wrap, overflow-wrap:normal | break-word | break-spaces

預設值normal

適用於:所有元素

繼承性:有

動畫性:否

計算值:指定值

相關屬性word-break

媒 體:視覺

取值:

normal:
允許內容頂開或溢出指定的容器邊界。
break-word:
內容將在邊界內換行,如果需要,單詞內部允許斷行。它要求一個沒有斷行破發點的詞必須保持為一個整體單位,如果目前行無法放下需要被打斷的單詞,為了保持完整性,會將整個單詞放到下一行進行展示。這與word-breakbreak-word值效果相同

說明:

設定或檢索當內容超過指定容器的邊界時是否斷行。
  • 作為IE的私有屬性之一,IE5.5率先實現了word-wrap,後期被w3c采納成標准屬性;
  • CSS3中將word-wrap改名為overflow-wrap
  • 對應的腳本特性為:wordWrap, overflowWrap

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support #1 8.0+ 40.0 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
overflow-wrap 8.0-16.0 40.0-48.0 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
49.0+
break-spaces
Key Value
8.0-16.0 40.0-58.0 40.0-64 8.0-10.0 40.0-50.0 8.0-11.3 4.4-62.0 28.0-64.0
  1. Basic Support 指的是word-wrap: normal | break-word

示例: