css - Kesan menegak susun atur flex tidak boleh dicapai?

Question

Merujuk kepada contoh cikgu Ruan Yifeng, kenapa kesan menegak tidak berfungsi apabila anda melakukannya sendiri?

習慣沉默 · Answer

Perkara ini. . Anda perlu mempunyai kotak tinggi terlebih dahulu. . .

Ketinggian semasanya diregangkan oleh elemen kanak-kanak, jadi tidak akan ada perbezaan antara flex-star dan flex-end. .

高洛峰 · Answer

Bekas luar mestilah tinggi.

ringa_lee · Answer

Saya juga membaca reka letak fleksibel Teacher Ruan, dan saya rasa ia boleh dilihat sebagai dokumen. Terdapat terlalu banyak atribut, dan akhirnya saya hanya ingat kedua-dua pemusatan menegak yang biasa digunakan boleh dicapai.
Pemahaman saya ialah
justify-content: center; adalah bersamaan dengan pemusatan mendatar
align-item: center; adalah bersamaan dengan vertical centering
Sila betulkan saya jika saya salah