Bagaimana Menggunakan Peratusan untuk Lajur Lebar Boleh Ubah dalam Jadual dengan Lajur Lebar Tetap?

Menggunakan calc() dengan Jadual: Penyelesaian Alternatif

Apabila cuba melaksanakan lajur jadual lebar tetap dan lebar berubah menggunakan fungsi calc(), seseorang boleh menghadapi batasan. Dalam jadual, fungsi calc() tidak menyokong peratusan untuk pengiraan lebar.

Untuk mengatasi cabaran ini, pertimbangkan untuk menggunakan pendekatan yang berbeza:

1. Tetapkan reka letak jadual atribut: Paksa lajur untuk mematuhi lebar tertentu dengan menetapkan sifat susun atur jadual kepada "tetap" untuk jadual. Selain itu, tetapkan lebar 100% pada jadual.
2. Alih keluar calc() dan gunakan peratusan: Daripada calc(), gunakan peratusan biasa untuk lajur yang tinggal. Tentukan lajur lebar tetap dan tetapkan lebarnya. Ruang yang selebihnya akan diagihkan secara berkadar antara lajur lebar relatif.

Contoh CSS:

td.title, td.interpret {
    width: 40%;
}

td.album {
    width: 20%;
}

Isi Utama:

• Menetapkan susun atur jadual kepada "tetap" memastikan lajur lebar mematuhi nilai yang ditentukan.
• Menggunakan peratusan untuk lajur lebar relatif membolehkan ruang yang tinggal diagihkan secara berkadar.
• Paparan:jadual diperlukan untuk susun atur jadual berfungsi, tetapi ia menghalang penggunaan ketinggian untuk meja.

Contoh Diubah Suai Kod:

<table border="0">

Atas ialah kandungan terperinci Bagaimana Menggunakan Peratusan untuk Lajur Lebar Boleh Ubah dalam Jadual dengan Lajur Lebar Tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!