Kung ikaw ay isang taga-disenyo ng novice, maaari kang magkaroon ng mga tanong tungkol sa kung paano i-sentro ang teksto sa loob ng isang cell ng talahanayan. Sa gabay na ito, master ang pamamaraan na ito sa loob lamang ng ilang minuto. Madali lang - kahit na hindi ka pa sinubukan.
Nagsisimula
Ang pagsentro ng teksto sa loob ng isang cell ay pinakamahusay na ginagawa sa CSS, tulad ng nais mong isentro ang teksto sa ibang elemento sa iyong Web page. Bago ka magsimula, gayunpaman, kailangan mong magpasya kung ano ang eksaktong gusto mong maging nakasentro. Sa isang table, mayroon kang maraming mga pagpipilian, kabilang ang bawat cell sa table; bawat cell ng header sa talahanayan bawat cell sa ulo ng talahanayan, katawan ng talahanayan o talahanayan ng paa. Maaari mo ring puntahan ang isang partikular na selula o hanay ng mga selula sa loob ng talahanayan.
Bilang karagdagan, dapat kang lumikha ng panloob na style sheet sa ulo ng iyong dokumento o nakalakip sa dokumento bilang isang panlabas na style sheet . Ilalagay mo ang mga estilo upang maitayo ang iyong mga cell ng talahanayan sa style na sheet na iyon.
Paano Mag-Center ng Bawat Cell sa Table
Idagdag ang mga sumusunod na linya sa iyong style sheet:
td, th {text-align: center; }Paano Mag-Center ng bawat Header Cell sa Table
Idagdag ang mga sumusunod na linya sa iyong style sheet:
th {text-align: center; }Pagsentro sa bawat Cell sa Table Head, Body or Foot
Upang maitayo ang mga cell na ito, kailangan mong magdagdag ng mga tag ng talahanayan na hindi palaging ginagamit, tulad ng ,
at . Pagkatapos, palibutan mo ang iyong mga cell table gamit ang mga tag na ito upang makilala ang ulo ng talahanayan, katawan, at paa. Pagkatapos nito, idaragdag mo ang mga sumusunod sa iyong style sheet: thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }Alisin ang mga estilo para sa mga lugar na hindi mo gustong ma-sentro.
Paano Mag-Center ng isang Tukoy na Cell o Cell sa isang Table
Upang gawin ito, kailangan mong magtakda ng isang klase sa mga cell na gusto mong maging nakasentro.
Idagdag ang sumusunod na attribute sa mga cell table na nais mong ma-sentro:
Pagkatapos ay idagdag ang mga sumusunod sa iyong style sheet:
.centered-cell {text-align: center; }Maaari mong idagdag ang klase sa anumang cell sa iyong talahanayan.
Pagbabalot Up
Huwag mag-atubiling gamitin ang mga estilo na ito sa alinman sa iyong mga cell ng talahanayan. Maaari mong gamitin ang mga ito sa pinagsama na mga cell o sa mga solong cell at ang teksto sa loob ay nakasentro.