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

Susan Sarandon
Lepaskan: 2024-11-17 21:32:01
asal
983 orang telah melayarinya

Why Don't Fieldsets Resize to Fit Overflowing Content?

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan