Sekiranya anda seorang pereka Web pemula, anda mungkin mempunyai soalan tentang bagaimana untuk memusatkan teks di dalam sel jadual. Dengan panduan ini, tunjuk teknik ini hanya dalam beberapa minit. Sudah mudah - walaupun anda tidak pernah mencuba sebelum ini.
Bermula
Memusatkan teks di dalam sel sebaik-baiknya dilakukan dengan CSS, sama seperti anda akan memusatkan teks dalam elemen lain pada halaman Web anda. Sebelum memulakan, bagaimanapun, anda perlu memutuskan apa sebenarnya yang anda ingin terfokus. Dengan jadual, anda mempunyai beberapa pilihan, termasuk setiap sel dalam jadual; setiap sel pengepala dalam jadual setiap sel di kepala meja, badan meja atau kaki meja. Anda juga boleh memusatkan sel atau set sel tertentu di dalam jadual.
Di samping itu, anda harus membuat helaian gaya dalaman di kepala dokumen anda atau melekat pada dokumen itu sebagai helaian gaya luaran . Anda akan meletakkan gaya untuk memusatkan sel-sel meja anda dalam helaian gaya itu.
Bagaimana untuk Memulakan Setiap Sel dalam Jadual
Tambahkan baris berikut pada helaian gaya anda:
td, th {text-align: center; }Bagaimana untuk Memperbukan Setiap Header Cell dalam Jadual
Tambahkan baris berikut pada helaian gaya anda:
th {text-align: center; }Memusatkan Setiap Sel dalam Kepala Meja, Tubuh atau Kaki
Untuk memusatkan sel-sel ini, anda perlu menambah tag jadual yang tidak selalu digunakan, seperti ,
dan . Kemudian, anda akan mengelilingi sel-sel meja anda dengan tag ini untuk mengenal pasti kepala meja, badan, dan kaki. Selepas itu, anda akan menambah perkara berikut dengan helaian gaya anda: thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }Keluarkan gaya untuk kawasan yang anda tidak mahu tertumpu.
Cara Menetapkan Sel atau Sel Khusus dalam Jadual
Untuk melakukan ini, anda perlu menetapkan kelas pada sel-sel yang anda mahu tertumpu.
Tambah atribut berikut ke sel-sel jadual yang anda mahu terfokus:
Kemudian tambahkan yang berikut ke helaian gaya anda:
.centered-cell {text-align: center; }Anda boleh menambah kelas ini ke mana-mana sel di dalam jadual anda.
Mengakhiri
Jangan teragak-agak untuk menggunakan gaya ini pada mana-mana sel jadual anda. Anda boleh menggunakannya pada sel yang digabungkan atau pada sel tunggal dan teks dalam akan berpusatkan.