Bagaimanakah Saya Boleh Memusatkan Teks dalam Kumpulan Lajur Menggunakan CSS?

Menggunakan CSS untuk Memusatkan Teks dalam Kumpulan Lajur

Colgroup ialah alat berharga untuk menggunakan pemformatan seragam pada jadual. Walaupun mereka mengawal warna latar belakang dengan berkesan, ramai yang berjuang untuk mencapai penjajaran teks dengan mereka. Mari kita terokai sebab di sebalik pengehadan ini dan cari penyelesaian praktikal untuk menjajarkan teks dalam kumpulan lajur.

Penjajaran Teks dan Kumpulan Lajur

CSS menggunakan set sifat terhad yang boleh digunakan pada lajur, tidak termasuk penjajaran teks. Sekatan ini berpunca daripada pelaksanaan teknikal jadual dalam HTML dan CSS.

Penyelesaian

Untuk memusatkan teks dalam kumpulan lajur, halakan peraturan CSS anda ke arah sel jadual:

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

Ini memusatkan semua sel kecuali lajur pertama. Harap maklum bahawa Internet Explorer 6 mengendalikan perkara ini secara berbeza, menjajarkan teks dalam lajur secara tidak betul.

Pertimbangan Tambahan

HTML tidak sah boleh mengganggu pemformatan CSS. Pastikan HTML anda sah, kerana anda telah terlepas elemen baris dalam pengepala jadual:

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Teks dalam Kumpulan Lajur Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!