Unsaon Pagsentro sa Teksto sa usa ka Talaan sa Cell

Kon ikaw usa ka novice Web designer, tingali ikaw adunay mga pangutana kon unsaon pag-sentro sa teksto sa sulod sa usa ka lamesa. Uban niini nga giya, gamita kini nga pamaagi sa pipila lamang ka minuto. Sayon ra kini - bisag wala ka pa maningkamot sa una.

Pagsugod

Ang pagsentro sa sulod sa sulod sa usa ka selula labing maayo nga nahimo sa CSS, sama nga imong isentro ang teksto sa laing elemento sa imong Web page. Sa dili ka pa magsugod, hinoon, kinahanglan ka nga magdesisyon kon unsa gayud ang imong gusto nga masentro. Uban sa usa ka lamesa, adunay daghang mga kapilian, lakip ang matag selula sa lamesa; ang matag header nga selula sa lamesa matag matag selula sa ulo sa lamesa, lawas sa lamesa o tiil sa lamesa. Mahimo nimo usab nga ibutang ang usa ka piho nga selula o set sa mga selula sulod sa lamesa.

Dugang pa, kinahanglan nga maghimo ka og internal style sheet sa ulo sa imong dokumento o gilakip sa dokumento isip usa ka estilo sa gawas nga estilo . Imong ibutang ang mga estilo aron masentro ang imong mga lamesa sa estilo nga estilo.

Kon Unsaon Pagsentro ang Matag Cell sa Talaan

Idugang ang mosunod nga mga linya sa imong style sheet:

td, th {text-align: center; }

Kon Unsaon Pagsentro ang Matag Header Cell sa Talaan

Idugang ang mosunod nga mga linya sa imong style sheet:

th {text-align: center; }

Pagsentro sa Matag Cell sa Tabig sa Ulo, Lawas o Paagi

Aron masentro ang maong mga selula, kinahanglan nimo nga idugang ang tag mga lamesa nga dili kanunay gamiton, sama sa , ug . Unya, palibuton nimo ang imong mga lamesang selda uban niini nga mga tag aron mahibal-an ang lamesa, lawas, ug tiil. Human niana, imong idugang ang mosunod sa imong style sheet:

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

Kuhaa ang mga estilo alang sa mga lugar nga dili nimo gustong masentro.

Kon Unsaon Pagsentro ang usa ka Piho nga Cell o mga Cell sa usa ka Talaan

Aron mahimo kini, kinahanglan ka magtakda og usa ka klase sa mga selula nga gusto nimo nga masentro.

Idugang ang mosunod nga hiyas sa mga lamesang selula nga gusto nimo nga masentro:

class = "centered-cell" >

Dayon idugang ang mosunod sa imong style sheet:

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

Mahimo nimong idugang kining klase sa bisan unsang selula sa imong lamesa.

Pagbungkag

Ayaw pagduhaduha sa paggamit niini nga mga estilo sa bisan asa sa imong mga lamesa sa lamesa. Mahimo nimo kining gamiton sa mga gitapo nga mga selula o sa mga single cell ug ang sulod sa text isentro.