Hoe om teks in 'n tabel sel te sentreer

As jy 'n beginner Webontwerper is, het jy dalk vrae oor hoe om die teks binne 'n tabel sel te sentreer. Met hierdie gids, bemeester hierdie tegniek oor 'n paar minute. Dit is maklik - selfs as jy nog nooit probeer het nie.

Aan die gang kom

Sentrums van teks binne 'n sel is die beste met CSS, net soos jy teks in 'n ander element op jou webblad sou sentreer . Voordat jy begin, moet jy egter besluit wat jy presies wil sentreer. Met 'n tafel het jy verskeie opsies, insluitende elke sel in die tafel; elke heidsel in die tafel elke sel in die tafelkop, tafellichaam of tafelvoet. U kan ook 'n spesifieke sel of stel selle binne die tabel sentreer.

Daarbenewens moet u 'n interne stylblad in die kop van u dokument skep of aan die dokument geheg word as 'n eksterne stylblad . Jy sal die style sit om jou tafelselle in die stylvel te sentreer.

Hoe om elke sel in die tabel te sentreer

Voeg die volgende lyne by jou stylblad:

td, th {text-align: center; }

Hoe om elke Header Cell in die Tabel te Sentreer

Voeg die volgende lyne by jou stylblad:

th {text-align: center; }

Sentreer elke sel in die tafelkop, liggaam of voet

Om hierdie selle te sentreer, moet u bordjies byvoeg wat nie altyd gebruik word nie, soos , en . Dan sal jy jou tafelselle omring met hierdie etikette om die tafelkop, lyf en voet te identifiseer. Daarna voeg jy die volgende by jou stylblad:

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

Verwyder die style vir die areas waarvoor jy nie gesentreer wil word nie.

Hoe om 'n spesifieke sel of selle in 'n tabel te sentreer

Om dit te kan doen, moet jy 'n klas op die selle plaas wat jy wil sentreer.

Voeg die volgende kenmerk by die tafelselle wat jy wil sentreer:

class = "centered-cell" >

Voeg dan die volgende by jou stylblad:

.Center-sel {text-align: center; }

Jy kan hierdie klas by enige sel in jou tabel voeg.

Klaar maak

Moenie huiwer om hierdie style op enige van u tafelselle te gebruik nie. U kan dit op saamgevoegde selle of op enkelselle gebruik en die teks binne word gesentreer.