Mengapa Elemen Input Bekas Flex Saya Tidak Mengecut?

Elemen Bekas Fleksibel Tidak Mengecut

Apabila cuba menggunakan flex dan flex-grow dalam input perumahan bekas fleksibel dan elemen butang, yang diharapkan mengubah saiz tingkah laku mungkin tidak berlaku. Anomali ini timbul daripada lebar lalai yang diberikan kepada elemen input oleh penyemak imbas, tidak seperti div.

Di bawah ialah coretan yang menggambarkan penetapan lebar automatik penyemak imbas:

Dalam senario ini, penyemak imbas mengaitkan set lebar kepada input, tanpa mengira tetapan fleksibel.

Pertimbangkan perkara berikut:

input {
  border: 1px solid blue;
  display: inline;
}

div {
  border: 1px solid red;
  display: inline;
}

<form>
  <input>
  <br><br>
  <div></div>
</form>

Dalam coretan yang disediakan, elemen input mengekalkan lebar lalainya, manakala div menyesuaikan diri agar sesuai dengan flex dimensi bekas.

Atas ialah kandungan terperinci Mengapa Elemen Input Bekas Flex Saya Tidak Mengecut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!