Jika Anda seorang desainer Web pemula, Anda mungkin memiliki pertanyaan tentang cara memusatkan teks di dalam sel tabel. Dengan panduan ini, pelajari teknik ini hanya dalam beberapa menit. Sangat mudah - bahkan jika Anda belum pernah mencobanya sebelumnya.
Mulai
Teks tengah di dalam sel paling baik dilakukan dengan CSS, sama seperti Anda akan memusatkan teks di elemen lain di halaman Web Anda. Namun, sebelum Anda mulai, Anda perlu memutuskan apa yang sebenarnya Anda inginkan untuk dipusatkan. Dengan tabel, Anda memiliki beberapa opsi, termasuk setiap sel dalam tabel; setiap sel header di tabel setiap sel di kepala tabel, badan tabel, atau kaki tabel. Anda juga dapat memusatkan sel atau kumpulan sel tertentu di dalam tabel.
Selain itu, Anda harus membuat lembar gaya internal di kepala dokumen Anda atau dilampirkan pada dokumen sebagai as lembar gaya eksternal. Anda akan menempatkan gaya untuk memusatkan sel tabel Anda di lembar gaya itu.
Cara Menempatkan Setiap Sel di Tabel
Tambahkan baris berikut ke lembar gaya Anda:
td, t {
perataan teks: tengah;
}
Cara Menempatkan Setiap Sel Header di Tabel
Tambahkan baris berikut ke lembar gaya Anda:
th {
perataan teks: tengah;
}
Memusatkan Setiap Sel di Tabel Kepala, Badan atau Kaki
Untuk memusatkan sel-sel ini, Anda perlu menambahkan tag tabel yang tidak selalu digunakan, seperti.
iklan th, iklan td {
perataan teks: tengah;
}
tbody th, tbody td {
perataan teks: tengah;
}
kaki th, kaki td {
perataan teks: tengah;
}
Hapus gaya untuk area yang tidak ingin dipusatkan.
Cara Memusatkan Sel atau Sel Tertentu dalam Tabel
Untuk melakukan ini, Anda perlu mengatur kelas pada sel yang ingin dipusatkan.
Tambahkan atribut berikut ke sel tabel yang ingin Anda pusatkan:
Kemudian tambahkan yang berikut ini ke lembar gaya Anda:
.sel tengah {
perataan teks: tengah;
}
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 dipusatkan.