Ruan Yifeng先生の例を参考にして、自分でやってみて垂直効果を実感してみませんか??
これ。 。まず高いボックスを用意する必要があります。 。 。
彼の現在の高さは子要素によって引き伸ばされるため、flex-star と flex-end の間に違いはありません。 。
外容器は高くなければなりません。
私もRuan先生のフレックスレイアウトを読みましたが、ドキュメントとして見ることができると思います。属性が多すぎて、結局よく使われる縦方向センタリングが実現できるのはこの2つだけ覚えました。 私の理解では、 justify-content: center; は水平方向のセンタリングと同等です align-items: center; は垂直方向のセンタリングと同等です 間違っている場合は修正してください
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これ。 。まず高いボックスを用意する必要があります。 。 。
彼の現在の高さは子要素によって引き伸ばされるため、flex-star と flex-end の間に違いはありません。 。
外容器は高くなければなりません。
私もRuan先生のフレックスレイアウトを読みましたが、ドキュメントとして見ることができると思います。属性が多すぎて、結局よく使われる縦方向センタリングが実現できるのはこの2つだけ覚えました。
私の理解では、
justify-content: center; は水平方向のセンタリングと同等です
align-items: center; は垂直方向のセンタリングと同等です
間違っている場合は修正してください