tailwindcss文字居中

使用 Tailwind CSS 可以通过以下类来使文字居中：

- `text-center`：使文字水平居中
- `justify-center`：使文字水平和垂直居中
- `items-center`：使包含文字的容器垂直居中

例如，要使一个段落中的文字水平和垂直居中，可以这样写：

<div class="flex justify-center items-center h-screen">
  <p class="text-center">这里是居中的文字</p>
</div>

这里使用了 `flex` 容器来实现垂直居中，并将容器高度设为屏幕高度。然后在包含文字的 `p` 元素上应用 `text-center` 类来实现水平居中。