Bagaimana untuk Menetapkan Lebar Maksimum Sel Jadual Menggunakan Peratusan?

Menetapkan Lebar Maksimum Sel Jadual Menggunakan Peratusan

Siasatan ini menangani isu berulang yang dihadapi oleh pembangun: menetapkan lebar maksimum sel jadual menggunakan peratusan. Contoh HTML dan CSS yang disediakan menggambarkan masalah ini.

Walaupun lebar maksimum sifat CSS biasanya digunakan untuk mengawal lebar elemen, ia pada mulanya gagal berfungsi seperti yang diharapkan pada sel jadual. Bagaimanakah had ini boleh diatasi untuk menetapkan lebar maksimum sel jadual menggunakan peratusan?

Kunci untuk membuka kunci fungsi ini terletak pada sifat susun atur jadual. Dengan menetapkan susun atur jadual: ditetapkan pada teg jadual, jadual diarahkan untuk memperuntukkan lebar tertentu kepada setiap sel. Ini membolehkan kawalan tepat ke atas lebar sel, termasuk penggunaan peratusan.

Pertimbangkan contoh CSS berikut:

table {
  width: 100%;
  table-layout: fixed;
}

td {
  max-width: 67%;
}

Kini, sel jadual akan mematuhi lebar maksimum yang ditentukan oleh sifat lebar maks, memastikan teks yang terlalu panjang tidak melimpah dan mengganggu reka letak jadual. Teknik ini serasi dengan penyemak imbas moden dan menawarkan penyelesaian yang boleh dipercayai untuk mengurus lebar sel jadual menggunakan peratusan.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Lebar Maksimum Sel Jadual Menggunakan Peratusan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!