Bagaimana untuk Memusatkan Teks dalam Lajur Jadual dengan Colgroup?

Barbara Streisand
Lepaskan: 2024-10-30 17:39:03
asal
975 orang telah melayarinya

How to Center Text in Table Columns with Colgroups?

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!