html

スポンサーリンク
html/css

【html・CSS】上下中央揃え ※手順2の方法を追加

html・cssを書き始めるときに、作りたい要素を上下中央揃えで書き始めたいと思われたことはないでしょうか?この記事では、上下中央揃えで苦戦した管理人が備忘録として方法を記事にしました。親要素に「position:relative;」、「margin: 0 auto;」、「height:100vh;」、子要素に「position:absolute;」、「top:50%;」、「left:50%;」、「transform: translate(-50%, -50%);」を設定することで上下中央揃えが実現できます。
スポンサーリンク