Bagaimana Saya Boleh Menjajarkan Item Flex Tanpa Menggunakan `kedudukan: mutlak`?

Item Flex menjajarkan kanan dengan Flexbox

Apabila bekerja dengan flexbox, menjajarkan kanan item tanpa menggunakan kedudukan: mutlak boleh dicapai dengan sedikit kehalusan flexbox. Dalam senario ini, kami mempunyai div yang mengandungi tiga div, dengan "Kenalan" perlu dijajarkan ke kanan.

Pendekatan Asal: Menggunakan Kedudukan Mutlak

Pada mulanya, div "Kenalan" diletakkan secara mutlak dan diletakkan di tepi kanan bekas menggunakan hak: 0; harta benda. Walaupun kaedah ini berfungsi, ia bertentangan dengan semangat flexbox, yang menekankan fleksibiliti reka letak.

Penyelesaian Lebih Flexbox-Centric: Auto Kiri Margin

Kotak yang lebih fleksibel- pendekatan patuh melibatkan penggunaan margin kiri automatik. Tidak seperti konteks pemformatan blok, item flex merawat margin auto secara berbeza, membolehkan penjajaran tepat. Dengan menetapkan sifat jidar kiri div "Kenalan" kepada auto, penyemak imbas melaraskan jidar secara automatik untuk menolak item ke tepi kanan bekas.

Coretan Kod:

.c {
  margin-left: auto;
}

Fiddle dikemas kini:

[Flexbox Demo Penjajaran Kiri-Margin](https://jsfiddle.net/vqDK9/1/)

Kaedah ini memastikan penjajaran kanan yang betul sambil mematuhi prinsip flexbox dan mengekalkan fleksibiliti reka letak.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menjajarkan Item Flex Tanpa Menggunakan `kedudukan: mutlak`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!