Cara Pusat Teks ing Cell Table

Yen sampeyan desainer Web wong anyar, sampeyan bisa uga duweni pitakonan babagan carane njaga teks ing njero sel tabel. Kanthi pandhuan iki, master teknik kasebut ing sawetara menit. Iku gampang - sanajan sampeyan wis tau nyoba sadurunge.

Miwiti

Teks ing jero sel kasebut paling apik dilakoni nganggo CSS, kaya sampeyan bakal musatake teks ing elemen liyane ing kaca Web. Sadurunge sampeyan miwiti, sampeyan kudu mutusake apa sampeyan pengin dadi pusat. Kanthi meja, sampeyan duwe sawetara opsi, kalebu saben sel ing meja; saben sel header ing meja saben sel ing meja, awak meja utawa sikil meja. Sampeyan uga bisa ngusulake sel utawa kumpulan sel tartamtu ing meja.

Kajaba iku, sampeyan kudu nggawe sheet style internal ing endhas document sampeyan utawa dilampirake ing dokumen minangka sheet gaya eksternal . Sampeyan bakal nampilake gaya kanggo nantang sel tabel ing lembar gaya kasebut.

Carane Pusat Saben Cell ing Tabel

Tambahake baris ing ngisor iki menyang lembaran gaya:

td, th {text-align: center; }

Carane Center Saben Header Cell ing Tabel

Tambahake baris ing ngisor iki menyang lembaran gaya:

th {text-align: center; }

Centering Every Cell ing Tabel Kepala, Tubuh utawa Kaki

Kanggo njaga sel-sel kasebut, sampeyan kudu nambah label tag sing ora digunakake, kayata , lan . Banjur, sampeyan bakal ngubengi sel tabel kanthi tag kasebut kanggo ngenali sirah meja, awak, lan sikil. Sawise kuwi, sampeyan bakal nambahake ing ngisor iki ing lembaran gaya:

thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }

Copot gaya kanggo wilayah sing sampeyan ora pengin dadi pusat.

Cara Pusat Cell utawa Cell Spesifik ing Tabel

Kanggo nindakake iki, sampeyan kudu ngeset kelas ing sel sing pengin sampeyan dadi pusat.

Tambah atribut ing ngisor iki menyang sel tabel sing pengin sampeyan dadi:

class = "centered-cell" >

Banjur nambahake ing ngisor iki menyang lembaran gaya:

.centered-cell {text-align: center; }

Sampeyan bisa nambah kelas iki menyang sel apa wae ing meja sampeyan.

Wrapping Up

Aja ragu-ragu nggunakake gaya iki ing samubarang sel tabel. Sampeyan bisa nggunakake aplikasi kasebut ing sel gabungan utawa ing sel tunggal lan teks ing jero bakal dipusatake.