Jika Anda seorang perancang Web pemula, Anda mungkin memiliki pertanyaan tentang cara memusatkan teks di dalam sel tabel. Dengan panduan ini, kuasai teknik ini hanya dalam beberapa menit. Sangat mudah - bahkan jika Anda belum pernah mencoba sebelumnya.
Mulai
Memusatkan teks di dalam sel paling baik dilakukan dengan CSS, sama seperti Anda akan memusatkan teks di elemen lain pada halaman Web Anda. Namun, sebelum Anda mulai, Anda perlu memutuskan apa sebenarnya yang ingin Anda pusatkan. Dengan meja, Anda memiliki beberapa opsi, termasuk setiap sel dalam tabel; setiap sel header di dalam tabel setiap sel di kepala meja, badan meja atau kaki meja. Anda juga dapat memusatkan sel atau sekumpulan sel tertentu di dalam tabel.
Selain itu, Anda harus membuat lembar gaya internal di bagian kepala dokumen Anda atau dilampirkan pada dokumen sebagai lembar gaya eksternal . Anda akan menempatkan gaya untuk memusatkan sel-sel meja Anda di style sheet itu.
Bagaimana Memusatkan Setiap Sel dalam Tabel
Tambahkan baris berikut ke style sheet Anda:
td, th {text-align: center; }Bagaimana Memusatkan Setiap Header Sel dalam Tabel
Tambahkan baris berikut ke style sheet Anda:
th {text-align: center; }Memusatkan Setiap Sel di Kepala Meja, Tubuh, atau Kaki
Untuk memusatkan sel-sel ini, Anda perlu menambahkan tag tabel yang tidak selalu digunakan, seperti ,
dan . Kemudian, Anda akan mengelilingi sel tabel Anda dengan tag ini untuk mengidentifikasi kepala meja, tubuh, dan kaki. Setelah itu, Anda akan menambahkan yang berikut ke style sheet Anda: thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }Hapus gaya untuk area yang tidak ingin Anda pusatkan.
Cara Memusatkan Sel atau Sel Spesifik dalam Tabel
Untuk melakukan ini, Anda perlu mengatur kelas pada sel-sel yang ingin Anda pusatkan.
Tambahkan atribut berikut ke sel tabel yang ingin Anda pusatkan:
Kemudian tambahkan yang berikut ke style sheet Anda:
.centered-cell {text-align: center; }Anda dapat menambahkan kelas ini ke sel mana pun di tabel Anda.
Membungkus
Jangan ragu untuk menggunakan gaya ini di salah satu sel tabel Anda. Anda dapat menggunakannya pada sel yang digabungkan atau pada sel tunggal dan teks di dalamnya akan terpusat.