Mengapa Saya Tidak Boleh Memusatkan Teks dalam Lajur Jadual Menggunakan `text-align: center` pada `colgroup`?

Menggunakan pusat penjajaran teks pada kumpulan bersama CSS

Dalam konteks jadual HTML, sifat CSS penjajaran teks boleh digunakan untuk melaraskan penjajaran mendatar kandungan teks dalam sel jadual. Walau bagaimanapun, cubaan untuk menggunakan penjajaran teks: tengah pada elemen kumpulan kol untuk mencapai penjajaran yang serupa untuk semua sel dalam lajur mungkin tidak menghasilkan hasil yang diingini.

Sebabnya ialah sifat penjajaran teks, bersama-sama dengan sifat CSS yang lain, mempunyai kebolehgunaan terhad pada lajur. Hanya kumpulan terpilih sifat CSS, termasuk lebar dan warna latar belakang, boleh digunakan pada elemen kumpulan kol.

Dalam kes seperti contoh yang diberikan, pendekatan alternatif diperlukan untuk mencapai penjajaran teks berpusat. Daripada menggunakan kumpulan kol, anda boleh menyasarkan terus sel jadual menggunakan peraturan CSS berikut:

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

Pendekatan ini akan memusatkan semua sel jadual, kecuali lajur pertama. Untuk memastikan penjajaran kiri untuk lajur pertama, peraturan tambahan boleh ditambah:

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

Adalah penting untuk ambil perhatian bahawa kaedah ini mungkin tidak berfungsi dalam versi pelayar lama seperti IE6. Selain itu, pastikan struktur HTML anda sah dengan memasukkan elemen dalam bahagian.

Atas ialah kandungan terperinci Mengapa Saya Tidak Boleh Memusatkan Teks dalam Lajur Jadual Menggunakan `text-align: center` pada `colgroup`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!