Cea mai bună modalitate de a centrarea textului într-o celulă de masă

Dacă sunteți un începător de Web designer, este posibil să aveți întrebări despre cum să centrați textul în interiorul unei celule de tabel. Cu acest ghid, stăpânește această tehnică în doar câteva minute. Este ușor - chiar dacă nu ați încercat niciodată înainte.

Noțiuni de bază

Centrarea textului în interiorul unei celule este cel mai bine făcută cu CSS, la fel cum ați centra textul într-un alt element de pe pagina Web. Înainte de a începe, cu toate acestea, trebuie să decideți exact ce doriți să fie centrat. Cu o masă, aveți mai multe opțiuni, inclusiv fiecare celulă din tabel; fiecare celula antet din tabel fiecare celula din capul tabelului, corpul mesei sau piciorul mesei. De asemenea, puteți centraliza o anumită celulă sau set de celule în tabel.

În plus, ar trebui să creați o foaie de stil internă în capul documentului sau atașată la document ca o foaie de stil externă. Veți pune stilurile pentru a centra celulele dvs. de masă în această foaie de stil.

Cum să centrați fiecare celulă din tabel

Adăugați următoarele linii în foaia de stil:

td, th {text-align: centru;}

Cum să centrați fiecare celulă antet din tabel

Adăugați următoarele linii în foaia de stil:

th {text-align: centru;}

Centrarea fiecărei celule în capul, corpul sau piciorul tablei

Pentru a centra aceste celule, trebuie să adăugați etichete de tabelă care nu sunt întotdeauna utilizate, cum ar fi , și . Apoi, veți înconjura celulele de masă cu aceste etichete pentru a identifica capul mesei, corpul și piciorul. După aceea, veți adăuga următoarele în foaia de stil:

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

Eliminați stilurile pentru zonele pe care nu doriți să le centrați.

Cum să centrați o anumită celulă sau celule dintr-o masă

Pentru a face acest lucru, trebuie să setați o clasă pe celulele pe care doriți să le centrați.

Adăugați următorul atribut la celulele de tabelă pe care doriți să le centrați:

class = „centrată pe celula“ >

Apoi adăugați următoarele în foaia de stil:

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

Puteți adăuga această clasă la orice celulă din tabel.

Înfășurarea în sus

Nu ezitați să utilizați aceste stiluri pe oricare dintre celulele dvs. de masă. Puteți să le utilizați pe celulele îmbinate sau pe celule individuale, iar textul din interior va fi centrat.