日々精進

新しく学んだことを書き留めていきます

webで上下左右中央寄せ

やり方は以下 * 親要素いっぱいに広がるdivを用意する * そのdivの子要素をflexを使って上下左右中央寄せする * 中央寄せされたdivの中にコンテンツを入れる

以下のサンプルはtd内で上下左右中央寄せする場合。

CSS: centering { position: relative; & > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } }

HTML:

コンテンツ

参考: qiita.com