CSS Flexbox 各プロパティの使い方を詳しく解説CSS Flexboxとは水平または垂直に要素を配置し、柔軟なレイアウトを実現できるCSSのレイアウトモジュールです。複雑なレイアウトでも今までより少ないコードで、よりシンプルなプロセスで実装すること
- CSS flexboxとは
- CSS flexboxの使い方
- flexコンテナ: flex-direction(横並びと縦並び)
- flexコンテナ: flex-wrap(単一行と複数行の指定)
- flexコンテナ: flex-flow(ショートハンド)
- flexコンテナ: justify-content(寄せと間隔)
- flexコンテナ: align-items(アイテムの配置方法)
- flexコンテナ: align-content(垂直方向の寄せと間隔)
- メモ: flexコンテナ
- flexアイテム: order(アイテムを並べる順番を設定)
- flexアイテム: flex-grow(アイテムの伸長係数の比率)
- flexアイテム: flex-shrink(アイテムの縮小係数の比率)
- flexアイテム: flex-basis(アイテムの初期サイズを定義)
- flexアイテム: flex(ショートハンド)
- flexアイテム: align-self(アイテムの配置方法)
- メモ: flexアイテム