seilog-ger
[ URL:seilog.org ] Writtern by Seiji Nakamura

「 2023年4月に書かれた記事 」

2023/4/1

「align-items:center;」「vertical-align:middle;」line-heightで要素を上下中央に配置するcssの方法

CSSを使い、要素を上下中央に配置する時に迷うことは有りませんか?align-items:center;、vertical-align:middle;、line-height、transformを使い分けて上下中央配置できるように使い方を整理しました。HTML,CSSの基礎ですが、迷うことがあるのでまとめました。