word-break

word-break

用於控制元素中斷字的 Utilities。

類別樣式

類別	樣式
`break-normal`	`overflow-wrap: normal; word-break: normal;`
`break-words`	`overflow-wrap: break-word;`
`break-all`	`word-break: break-all;`
`break-keep`	`word-break: keep-all;`

break-normal

overflow-wrap: normal; word-break: normal;

break-words

overflow-wrap: break-word;

break-all

word-break: break-all;

break-keep

word-break: keep-all;

範例

使用 break-normal utility 僅在正常的斷字點新增換行符號

在主要的英語字典中，最長的單字是 pneumonoultramicroscopicsilicovolcanoconiosis, 這個詞指的是因吸入非常細小的矽顆粒（尤其是來自火山）而引起的肺部疾病；在醫學上，它與矽肺病相同。

<p class="break-normal">The longest word in any of the major...</p>

如果需要，使用 break-words utility 在單字中間新增換行符號

<p class="break-words">The longest word in any of the major...</p>

使用 break-all utility 在必要時新增換行符號，而不嘗試保留完整的單字

<p class="break-all">The longest word in any of the major...</p>

使用 break-keep utility 防止換行符號應用於中文/日文/韓文 (CJK) 文字

抗衡不屈不撓 (kànghéng bùqū bùnáo) 这是一个长词，意思是不畏强暴，奋勇抗争，坚定不移，永不放弃。这个词通常用来描述那些在面对困难和挑战时坚持自己信念的人，他们克服一切困难，不屈不挠地追求自己的目标。无论遇到多大的挑战，他们都能够坚持到底，不放弃，最终获得胜利。

<p class="break-keep">抗衡不屈不挠...</p>

對於非 CJK 文字，break-keep utility 的行為與 break-normal utility 相同。

前綴a word-break utility 使用斷點變體，例如 md: 僅在medium 螢幕尺寸及以上

<p class="break-normal md:break-all ...">  <!-- ... --></p>

瞭解更多關於在變體文件中使用變體的資訊。