Bagaimanakah Saya Boleh Menggunakan Flex-Basis untuk Membuat Item Flex Menjangkau Lebar Penuh?

Asas Fleksibel untuk Memaksa Elemen Lebar Penuh

Untuk memaksa elemen ketiga merentangi lebar penuh di bawah dua lentur pertama item, kita boleh menggunakan sifat flex-basis.

Dengan menetapkan flex-basis: 100% pada elemen ketiga, kami mengarahkannya untuk menduduki keseluruhan ruang yang ada, dengan berkesan memaksanya menjangkau lebar baris penuh.

.error {
  flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
  border: 1px dashed black;
}

Ini memastikan item ketiga akan sentiasa menggunakan ruang yang tinggal, tanpa mengira saiz dua item pertama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Flex-Basis untuk Membuat Item Flex Menjangkau Lebar Penuh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!