Flexbox 已經成為我喜歡的元素居中方式。

你只需要將一個元素包裹在 div 中,並設置 display: flexjustify-content: center

<div class="wrapper">
 ...
</div>
.wrapper {
 display: flex;
 justify-content: center;
}

使用 Tailwind CSS 更加簡單,只需要添加 flexjustify-center 類名:

<div class="flex justify-center">
 ...
</div>