マガジンのカバー画像

コーディング勉強メモ

9
コーディングをしている中で自分で調べたことをまとめています。
運営しているクリエイター

#中央揃

【勉強メモ】CSS 上下左右中央揃え

【勉強メモ】CSS 上下左右中央揃え

基本の3パターン★前提
インライン(コンテンツ)要素=ブロックの中身
ブロックレベル=外枠
フレックスボックス=別の考え方
  →フレックスコンテナ(親)の中にフレックスアイテム(子)がある

インライン要素左右中央 text-align: center;
上下中央 vertical-align: middle;
を中央揃えにしたいインライン要素につける。
ブロックの中でインラインコンテンツが中央

もっとみる