Hoe ynteressante tekst yn in tabelzelle

As jo ​​in novice webûntwerper binne, dan kinne jo fragen hawwe oer hoe't jo de tekst binnen in tabelzell te santearje. Mei dizze guide, behear dizze technyk yn mar in pear minuten. It is maklik - sels as jo noait besocht hawwe.

Begjinne

Berekkent tekst yn binnen in sel is bêste mei CSS, krekt as jo sintraal tekst yn in oare elemint hawwe op jo webside. Foard jo begjinne, lykwols moatte jo beslute wat jo krekt sintraal wolle. Mei in tabel hawwe jo ferskate opsjes, ynklusief elke sellen yn 'e tafel; elke efterkant yn 'e tafel elke sellen yn' e tafelkop, tafelkant of tafelfoet. Jo kinne ek in spesifike sellen of set fan sellen yn 'e tafel sirkje.

Dêrneist moatte jo in ynterne stylblêd oanmeitsje yn 'e haad fan jo dokumint of oan it dokumint oanbean as in ekstern stylblêd . Jo sille de stilen sette om jo tabel-sellen te foarkommen yn dizze stylblêd.

Hoe kinne jo elke tillefoarkar ynstelle yn 'e tabel

Foegje de folgjende rigels oan jo stylblêd:

td, th {text-align: center; }

Hoe kinne jo elke kop-sel ynstelle yn 'e tabel

Foegje de folgjende rigels oan jo stylblêd:

th {text-align: center; }

Centenearje elke tillefoan yn 't tafelkop, kassa of foet

Om dizze sellen te foarkommen, moatte jo tafoegingen tafoegje dy't net altyd brûkt wurde, lykas , en . Dan wurde jo tabellen foar jo tagongsrjochten om dizze tabel te identifisearjen om de tafelkoppen, lichems en foet te identifisearjen. Dêrnei addest jo it folgjende oan jo stylblêd:

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

Skep de stilen foar de gebieten dy't jo wolle net sintraal wurde.

Hoe kinne in spesifike sel of sellen yn in tabel sertifisearje

Om dit te dwaan moatte jo in klasse ynstelle op de sellen dy jo sintraane wolle.

Foegje it folgjende attribus ta oan de tafelsels dy't jo sintraane wolle:

class = "centered-cell" >

Dêrnei add it folgjende nei jo stylblêd:

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

Jo kinne dizze klasse tafoegje oan elke sellen yn jo tabel.

Ynpakke

Tink derom datst dizze stilen op ien fan jo tabelzellen brûke. Jo kinne se brûke op gearfoegde sellen of op ienige sellen en de tekst binnen sil sintraal wêze.