Paksi Utama dan Paksi Silang dalam Blok Fleksibel CSS

Flexbox boleh dibincangkan dalam dua istilah: pertama ialah - baris atau lajur, kedua - dalam istilah paksi. Kita sudah meneroka baris dan lajur, sekarang mari kita fahami tentang paksi. Pemahaman paksi diperlukan untuk menyelaraskan elemen secara mendatar atau menegak.

Apabila bekerja dengan elemen fleksibel, sentiasa wujud paksi utama dan paksi silang. Kita boleh menyelaraskan elemen sepanjang paksi utama dan merentasi paksi utama. Paksi utama boleh mempunyai 4 arah: dari kiri ke kanan, dari kanan ke kiri, dari atas ke bawah, dan dari bawah ke atas.

Arah paksi silang bergantung pada arah paksi utama: jika paksi utama adalah mendatar, maka paksi silang mengarah dari atas ke bawah, jika paksi utama menegak, maka paksi silang mengarah dari kiri ke kanan. Paksi silang tidak boleh mempunyai arah lain.

Arah paksi utama dikawal oleh sifat flex-direction. Jika sifat ini mempunyai nilai row - paksi utama mengarah dari kiri ke kanan, jika nilai row-reverse, maka dari kanan ke kiri. Nilai column mengarahkan paksi dari atas ke bawah, dan nilai column-reverse - dari bawah ke atas.