Tailwind CSS 将一个 div 元素在整个页面中居中

可以使用以下样式将一个 div 元素在整个页面中居中：

<div class="flex justify-center items-center h-screen">
  <div>Your content goes here</div>
</div>

/* Optional: Set a fixed height for the content area */
.h-screen {
  height: 100vh;
}

这里使用了 flexbox 布局，.flex 设置为 justify-center 和 items-center 可以使内容水平和垂直居中。将容器的高度设置为 100vh 可以使内容区域填满页面高度。