排版
连字符
用于控制单词应如何断字的实用工具。
| 类 | 样式 |
|---|---|
hyphens-none | hyphens: none; |
hyphens-manual | hyphens: manual; |
hyphens-auto | hyphens: auto; |
示例
防止连字
使用 hyphens-none 实用工具来防止单词被连字，即使使用了换行建议 ­
被杜登词典正式认为是德语中最长的单词， Kraftfahrzeughaftpflichtversicherung 是一个 36 个字母的单词，表示机动车责任保险。
<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>换行建议 ­ 将优先于自动连字点。
响应式设计
前缀a hyphens 实用工具 使用断点变体如 md: 仅在以下情况下应用该实用工具中等 屏幕尺寸及以上
<p class="hyphens-none md:hyphens-auto ..."> <!-- ... --></p>在变体文档中了解更多关于使用变体的信息。
