align-items
align-items: center; / 軸は真ん中に整列される
分かりやすいように、2番目のアイテムにはクラスを追加して(i2)、他のアイテムより高く(height: 100px;)した。
align-items: flex-start; / 上揃えで整列される
align-items: flex-end; / 下揃えで整列される
align-items: stretch; / デフォルト・一番高さのあるエレメントに合わせる
デフォルトの設定で、一番高いエレメントの高さに合わせて他のエレメントもストレッチする。
コメント 作品をシェア!