Bagaimana untuk Memusatkan Teks dalam Lajur Jadual dengan Colgroup?

Memusatkan Teks dalam Lajur Jadual dengan Colgroup

Cabaran biasa dalam jadual HTML ialah menjajarkan teks secara berpusat dalam lajur tertentu. Walaupun menggunakan untuk memformat semua sel dalam lajur secara konsisten, penjajaran teks kekal tidak berpusat.

Inti isu terletak pada pengehadan CSS. Hanya beberapa sifat CSS terpilih, termasuk warna latar belakang, digunakan pada lajur. Malangnya, penjajaran teks tidak termasuk dalam kalangan mereka.

Untuk mengatasi halangan ini, pendekatan alternatif diperlukan. Dalam contoh yang diberikan, menambah peraturan CSS berikut akan memusatkan teks dalam semua sel jadual, kecuali untuk lajur pertama:

<code class="css">#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }</code>

Penyelesaian ini memanfaatkan fakta bahawa penjajaran teks berlaku pada sel jadual. Ambil perhatian bahawa kaedah ini tidak serasi dengan IE6, tetapi secara peliknya, dalam IE6, penjajaran teks sebenarnya digunakan (walaupun salah) pada lajur.

Selain itu, HTML yang disediakan tidak sah kerana elemen dalam . Menangani isu kecil ini akan memastikan bahawa struktur jadual adalah sah mengikut piawaian HTML.

Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Teks dalam Lajur Jadual dengan Colgroup?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!