字体排印
用于控制文本对齐方式的实用工具。
| 类名 | 样式 |
|---|---|
text-left | text-align: left; |
text-center | text-align: center; |
text-right | text-align: right; |
text-justify | text-align: justify; |
text-start | text-align: start; |
text-end | text-align: end; |
使用 text-left 实用工具来左对齐元素文本
我开始走向水中。孩子们，我不会对你们撒谎，我当时很害怕。但我坚持走了下去，当我穿过浪涛时，一种奇怪的平静降临到我身上。我不知道这是神圣的干预还是所有生物之间的亲缘关系，但我告诉你杰瑞，在那一刻，我*就是*一名海洋生物学家。
<p class="text-left">So I started to walk into the water...</p>使用 text-right 实用工具来右对齐元素文本
我开始走向水中。孩子们，我不会对你们撒谎，我当时很害怕。但我坚持走了下去，当我穿过浪涛时，一种奇怪的平静降临到我身上。我不知道这是神圣的干预还是所有生物之间的亲缘关系，但我告诉你杰瑞，在那一刻，我*就是*一名海洋生物学家。
<p class="text-right">So I started to walk into the water...</p>使用 text-center 实用工具来居中对齐元素文本
我开始走向水中。孩子们，我不会对你们撒谎，我当时很害怕。但我坚持走了下去，当我穿过浪涛时，一种奇怪的平静降临到我身上。我不知道这是神圣的干预还是所有生物之间的亲缘关系，但我告诉你杰瑞，在那一刻，我*就是*一名海洋生物学家。
<p class="text-center">So I started to walk into the water...</p>使用 text-justify 实用工具来两端对齐元素文本
我开始走向水中。孩子们，我不会对你们撒谎，我当时很害怕。但我坚持走了下去，当我穿过浪涛时，一种奇怪的平静降临到我身上。我不知道这是神圣的干预还是所有生物之间的亲缘关系，但我告诉你杰瑞，在那一刻，我*就是*一名海洋生物学家。
<p class="text-justify">So I started to walk into the water...</p>前缀a text-align 实用工具 使用断点变体（如 md:）以仅在中等 屏幕尺寸及以上时应用该实用工具
<p class="text-left md:text-center ..."> Lorem ipsum dolor sit amet...</p>在变体文档中了解有关使用变体的更多信息。