html - 将文本与 tailwindcss 垂直对齐

Question

我们在带有 taillwindcss 的 div 元素中有一个 span 文本，将文本与 div 垂直对齐的最佳方法是什么？

<div class="h-64 w-64 flex flex-col align-items justify-center">
   <span>Home</span>
</div>

标签： htmlcsstailwind-css

Answer 1

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<div class="h-64 w-64 flex flex-col justify-center items-center">
  <span>Home</span>
</div>