Mengapa Set Medan Tidak Mengubah Saiz agar Sesuai dengan Kandungan Melimpah?

Mengubah saiz Isu dengan Kekangan Lebar Minimum

Masalah:

elemen tidak mengubah saiz lebarnya seperti yang dijangkakan apabila ia mengandungi kandungan yang melimpah.

Punca:

Secara lalai,

elemen mempunyai kekangan lebar minimum kandungan min, bermakna ia tidak akan menjadi lebih sempit daripada lebar intrinsik kandungannya.

Betulkan:

Untuk mengatasi gelagat lalai ini , anda boleh menetapkan min-width: 0; pada . Walau bagaimanapun, ini hanya berfungsi dalam WebKit dan Firefox 53 .

Penyelesaian Khusus Gecko:

Dalam versi Firefox yang lebih awal, anda juga boleh menetapkan sifat paparan < ;fieldset> kepada salah satu nilai berikut:

• sel jadual (disyorkan)
• lajur jadual
• kumpulan lajur jadual
• jadual- footer-group
• table-header-group
• table-row
• table-row-group

Adalah @-moz -document Safe?

Untuk isu khusus ini, menggunakan @-moz-document untuk menyembunyikan penyelesaian khusus Gecko daripada penyemak imbas lain adalah wajar. Walau bagaimanapun, secara amnya tidak disyorkan untuk menggunakan @-moz-document untuk menyasarkan Firefox.

Penyelesaian JavaScript:

Jika anda perlu menyokong penyemak imbas selain daripada WebKit dan Firefox 53 , anda boleh menggunakan JavaScript untuk menetapkan lebar

kepada nilai yang dikehendaki.

Atas ialah kandungan terperinci Mengapa Set Medan Tidak Mengubah Saiz agar Sesuai dengan Kandungan Melimpah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!