文本排版
用于控制元素内文本如何换行的工具类。
类 | 样式 |
---|---|
text-wrap | text-wrap: wrap; |
text-nowrap | text-wrap: nowrap; |
text-balance | text-wrap: balance; |
text-pretty | text-wrap: pretty; |
使用 text-wrap
工具类在文本中的逻辑位置将溢出的文本换行到多行
使用 text-nowrap
工具类阻止文本换行,允许文本在必要时溢出
使用 text-balance
工具类将文本均匀分布在每一行
出于性能原因,浏览器会将文本均衡限制为大约 6 行或更少的块,使其最适合标题。
使用 text-pretty
工具类防止文本块末尾出现孤立词(单独一行的单个词)
前缀a text-wrap
工具类 使用诸如 md:
之类的断点变体,仅在中等 屏幕尺寸及以上应用该工具类
<h1 class="text-pretty md:text-balance ..."> <!-- ... --></h1>
在变体文档中了解有关使用变体的更多信息。