Bagaimana Saya Boleh Jadikan Item Flexbox Mempunyai Lebar Sama?

Saiz Item Sama Sama Flexbox: Mencapai Lebar Seragam

Apabila menggunakan Flexbox, adalah perkara biasa untuk menghadapi situasi di mana item dalam bekas fleksibel mempunyai pelbagai lebar, walaupun pengagihan sama rata yang dimaksudkan. Ini berlaku kerana Flexbox memperuntukkan ruang yang tersedia sama rata di sekeliling elemen, bukan dalam elemen itu sendiri.

Untuk menangani perkara ini dan memastikan semua item Flexbox mempunyai lebar yang sama, pertimbangkan teknik berikut:

Tetapkan nilai asas lentur 0 kepada semua item. Ini menetapkan titik permulaannya kepada saiz yang sama, menyediakan asas pertumbuhan yang sama.

Dayakan pertumbuhan untuk item dengan menggunakan sifat flex: flex: 1 1 0px. Ini membenarkan setiap item untuk mengembangkan dan menduduki bahagian yang sama bagi ruang yang tersedia.

Perhatikan bahawa walaupun unit ukuran "px" mungkin kelihatan berlebihan dan boleh ditinggalkan, ia adalah penting untuk memastikan pemaparan yang betul dalam Internet Explorer .

Atas ialah kandungan terperinci Bagaimana Saya Boleh Jadikan Item Flexbox Mempunyai Lebar Sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!