Bagaimana untuk Menetapkan Lebar Maksimum Sel Jadual dengan Peratusan?

Menetapkan Lebar Maksimum Sel Jadual dengan Peratusan

Dalam usaha mengoptimumkan susun atur jadual, persoalan timbul mengenai manipulasi sel jadual individu . Satu soalan sedemikian berkaitan dengan menetapkan lebar maksimum sel jadual menggunakan peratusan. Walaupun ada usaha, percubaan seperti contoh yang diberikan selalunya gagal mencapai kesan yang diingini.

Penyelesaian kepada cabaran ini terletak pada sifat CSS susun atur jadual: tetap. Dengan menggunakan sifat ini pada jadual yang dipersoalkan, sifat lebar maks berikutnya akan berkuat kuasa seperti yang dimaksudkan.

Kod CSS:

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

Dikemas kini HTML:

<table class="fixed-table">
  <tr>
    <td>Test</td>
    <td>A long string blah blah blah</td>
  </tr>
</table>

Gaya CSS Helaian:

.fixed-table td {
  max-width: 67%;
}

Dengan menggunakan gabungan sifat dan atribut CSS ini, anda kini boleh menetapkan lebar maksimum mana-mana sel jadual menggunakan peratusan, memastikan reka letak jadual yang lebih halus dan responsif.

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