CSS FlexBox 基本学習
目次
CSS FLexBox
ある要素の中で要素を横に並べたり、縦に並べたり、間に余白を入れたり、指定した比率で要素を配置するためのレイアウト手法。
FLexBox の用語として、
・フレックスコンテナ
主軸、交差軸を設定できる。
・フレックスアイテム
フレックスコンテナ内で並べられるそれぞれの要素を、フレックスアイテムという。
FlexBox よく使うプロパティ
・フレックスコンテナ
flex-direction
justify-content
align-items
flex-wrap
gap
flex-flow
align-content
・フレックスアイテム
align-self
order
flex
flex-grow
flex-shrink
flex-basis
-
前の記事
Windows Dockerローカル環境に さくらレンタルサーバーにある EC CUBE 4.2.0 を引っ越してローカル開発環境を構築する。 2024.10.12
-
次の記事
EC CUBE 4 でレイアウト変更 2024.11.08