排版
控制元素中文字断开的工具类。
| Class | Styles |
|---|---|
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 工具类仅在正常单词断点处添加换行：
在任何主要英语字典中最长的单词是 pneumonoultramicroscopicsilicovolcanoconiosis, 这个词指的是一种因吸入非常细小的硅颗粒而感染的肺病，尤其是来自火山的颗粒；在医学上，这和硅肺病是相同的。
<p class="break-normal">在任何主要英语字典中最长的单词是...</p>使用 break-words 工具类在需要时在单词中间添加换行：
在任何主要英语字典中最长的单词是 pneumonoultramicroscopicsilicovolcanoconiosis, 这个词指的是一种因吸入非常细小的硅颗粒而感染的肺病，尤其是来自火山的颗粒；在医学上，这和硅肺病是相同的。
<p class="break-words">在任何主要英语字典中最长的单词是...</p>使用 break-all 工具类在必要时随意添加换行，而不尝试保留完整的单词：
在任何主要英语字典中最长的单词是 pneumonoultramicroscopicsilicovolcanoconiosis, 这个词指的是一种因吸入非常细小的硅颗粒而感染的肺病，尤其是来自火山的颗粒；在医学上，这和硅肺病是相同的。
<p class="break-all">在任何主要英语字典中最长的单词是...</p>使用 break-keep 工具类防止对中文/日文/韩文 (CJK) 文本应用换行：
抗衡不屈不挠 (kànghéng bùqū bùnáo) 这是一个长词，意思是不畏强暴，奋勇抗争，坚定不移，永不放弃。这个词通常用来描述那些在面对困难和挑战时坚持自己信念的人， 他们克服一切困难，不屈不挠地追求自己的目标。无论遇到多大的挑战，他们都能够坚持到底，不放弃，最终获得胜利。
<p class="break-keep">抗衡不屈不挠...</p>对于非 CJK 文本，break-keep 工具类的行为与 break-normal 工具类相同。
Prefix a word-break utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<p class="break-normal md:break-all ..."> <!-- ... --></p>Learn more about using variants in the variants documentation.