Tailwind CSS 文本对齐

Tailwind CSS 是一个基于原子设计的 CSS 框架，它提供了丰富的文本对齐类，使得开发者能够快速、方便地控制文本在页面中的对齐方式。

文本对齐类

Tailwind CSS 提供了以下文本对齐类：

• text-left：左对齐。
• text-center：居中对齐。
• text-right：右对齐。
• text-justify：两端对齐。

我们可以通过在 HTML 元素上添加相应的类名，来应用以上的对齐方式。

例如，在一个 div 元素中，我们可以如下使用：

<div class="text-left">左对齐文本</div>
<div class="text-center">居中对齐文本</div>
<div class="text-right">右对齐文本</div>
<div class="text-justify">两端对齐文本</div>

这将分别展示出如下效果：

标题对齐

对于标题的对齐，我们可以使用以下类名：

• text-left, text-center, text-right：分别用于左、中、右对齐。
• text-justify：用于两端对齐。

例如，我们可以如下使用：

<h1 class="text-left">左对齐标题</h1>
<h2 class="text-center">居中对齐标题</h2>
<h3 class="text-right">右对齐标题</h3>
<h4 class="text-justify">两端对齐标题</h4>

这将分别展示出如下效果：

左对齐标题

居中对齐标题

右对齐标题

两端对齐标题

总结

以上是 Tailwind CSS 提供的丰富文本对齐类，它们可以让我们快速、方便地控制页面中的文本对齐方式。