84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
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; は垂直方向のセンタリングと同等です
間違っている場合は修正してください