Bagaimanakah Saya Boleh Membuat Elemen Bekas Mengguna pakai Lebar Maksimum Imej Anaknya?

Elemen yang dibalut mengambil lebar maksimum imej kanak-kanak

Masalah:

Pengguna mahu Paparkan imej sebagai sebahagian daripada elemen yang mengandungi dan mahu lebar elemen yang mengandungi adalah sama dengan lebar subimej, walaupun jika elemen yang mengandungi mengandungi unsur lain (seperti teks).

Penyelesaian:

Satu penyelesaian ialah menggunakan sifat paparan CSS untuk menetapkan elemen pembalut pada jadual dan menetapkan lebarnya kepada 1%. Ini akan memaksa imej keluar daripada lebar itu dan menetapkan saiznya sendiri kepada lebar pembalut:

.wrapper {
  border: 1px solid red;
  display: table;
  width: 1%;
}

<div class="wrapper">
  <img src="image.jpg">
  <p>Your text here</p>
</div>

Dengan cara ini elemen pembalut akan mengambil lebar maksimum imej kanak-kanak, tanpa mengira unsur lain Apakah kandungan .

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Elemen Bekas Mengguna pakai Lebar Maksimum Imej Anaknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!