排版
用于控制元素内单词断行的工具类。
Class | Styles |
---|---|
break-normal | word-break: normal; |
break-all | word-break: break-all; |
break-keep | word-break: keep-all; |
使用 break-normal
工具类仅在正常的单词断点处添加换行:
主要英语词典中最长的单词是 pneumonoultramicroscopicsilicovolcanoconiosis, 这个词指的是因吸入极细的硅酸盐颗粒(特别是来自火山)而感染的肺部疾病;医学上,它与硅肺病相同。
<p class="break-normal">The longest word in any of the major...</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 ..."> Lorem ipsum dolor sit amet...</p>
Learn more about using variants in the variants documentation.