フレックスボックスの中心を揃える方法

Flexboxは、要素をページの中央に配置するための私のお気に入りの方法になりました。

アイテムをdiv、そしてあなたは設定しますdisplay: flexそしてjustify-content: center

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

Tailwind CSSを使用すると簡単になり、追加するだけです。flexそしてjustify-centerクラス:

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

私の無料ダウンロードCSSハンドブック


その他のCSSチュートリアル: