排版
用于控制单词如何被断字的工具类。
| Class | Styles |
|---|---|
hyphens-none | hyphens: none; |
hyphens-manual | hyphens: manual; |
hyphens-auto | hyphens: auto; |
使用 hyphens-none 工具类可以防止单词被断字，即使使用了换行建议标记 ­：
Officially recognized by the Duden dictionary as the longest word in German, Kraftfahrzeughaftpflichtversicherung is a 36 letter word for motor vehicle liability insurance.
<p class="hyphens-none"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>使用 hyphens-manual 工具类仅在使用了换行建议符 ­ 的位置设置断字点：
被杜登词典官方认证为德语中最长的单词， Kraftfahrzeughaftpflichtversicherung 是一个由36个字母组成的机动车责任保险词汇。
<p class="hyphens-manual"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>这是浏览器的默认行为。
使用 hyphens-auto 工具类允许浏览器根据语言自动选择断字点：
被杜登词典官方认证为德语中最长的单词， Kraftfahrzeughaftpflichtversicherung 是一个由36个字母组成的机动车责任保险词汇。
<p class="hyphens-auto" lang="de"> ... Kraftfahrzeughaftpflichtversicherung is a ...</p>换行建议符 ­ 将优先于自动断字点。
Prefix a hyphens utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<p class="hyphens-none md:hyphens-auto ..."> Lorem ipsum dolor sit amet...</p>Learn more about using variants in the variants documentation.