たった2行のcssで要素を中央寄せする方法

これはなに？

CSSで上下差中中央揃えにする方法はたくさんありますが、最小のコードってなんだろうと思い記事にしました。

結論

.hoge {
  display: grid;
  place-content: center;
}

以上です!

Can I useでバージョン確認

2023年12月時点では、下記の対応です。

Chrome、Edge、Safari、Firefox、Operaなどの主要ブラウザでは対応しています。