css - フレックス レイアウトの垂直方向の効果は実現できませんか?

Question

Ruan Yifeng先生の例を参考にして、自分でやってみて垂直効果を実感してみませんか??

Answer 1

これ。 。まず高いボックスを用意する必要があります。 。 。

彼の現在の高さは子要素によって引き伸ばされるため、flex-star と flex-end の間に違いはありません。 。

Answer 2

外容器は高くなければなりません。

Answer 3

私もRuan先生のフレックスレイアウトを読みましたが、ドキュメントとして見ることができると思います。属性が多すぎて、結局よく使われる縦方向センタリングが実現できるのはこの2つだけ覚えました。
私の理解では、
justify-content: center; は水平方向のセンタリングと同等です
align-items: center; は垂直方向のセンタリングと同等です
間違っている場合は修正してください