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

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

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

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

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

範例：

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