交差軸揃え (Align Items)
交差軸に沿ったアイテムの配置を制御します。
alignItems プロパティは、現在のライン上の交差軸におけるフレックスアイテムのデフォルトの配置動作を定義します。これは交差軸方向(主軸に垂直)の justifyContent と考えることができます。
値
| 值 | 説明 |
|---|---|
Stretch | デフォルト。アイテムはコンテナの交差軸サイズを埋めるように引き伸ばされます(min/max 制約に従います)。 |
FlexStart | アイテムを交差軸の始端に配置します。 |
FlexEnd | アイテムを交差軸の終端に配置します。 |
Center | アイテムを交差軸の中央に配置します。 |
Baseline | テキストのベースラインに基づいてアイテムを配置します。 |
例
Loading Preview…