如何使用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>Add</button>
</div>