2023-06-26 /

如何使用 Tailwind 將文字垂直置中對齊

我總是容易忘記如何使用 Flexbox 將文字垂直置中對齊。

你需要一個包含下列 CSS 指令的容器：

1
2
3

display: flex;
align-items: center;
justify-content: center;

在 Tailwind 中，這被翻譯成 flex items-center justify-center 這些類別。

範例：

1
2
3

<div class='flex items-center justify-center'>
 <button>新增</button>
</div>

tags: [“Tailwind”, “Flexbox”, “垂直置中”]

—

如何使用 Tailwind 將文字垂直置中對齊