Dacă sunteți un designer web novice, este posibil să aveți întrebări despre cum să centrați textul în interiorul unei celule de tabel. Cu acest ghid, învățați această tehnică în doar câteva minute. Este ușor - chiar dacă nu ați încercat niciodată până acum.
Noțiuni de bază
Centrarea textului în interiorul unei celule se face cel mai bine cu CSS, la fel cum ați centra textul într-un alt element de pe pagina dvs. Web. Cu toate acestea, înainte de a începe, trebuie să decideți ce anume doriți să fiți centrat. Cu un tabel, aveți mai multe opțiuni, inclusiv fiecare celulă din tabel; fiecare celulă de antet din masă fiecare celulă din capul de masă, corpul mesei sau piciorul mesei. De asemenea, puteți centra o anumită celulă sau un set de celule din tabel.
În plus, ar trebui să creați un foaie de stil intern în capul documentului sau atașat documentului ca fișier foaie de stil externă. Veți pune stilurile pentru a centra celulele mesei în foaia de stil respectivă.
Cum se centrează fiecare celulă din tabel
Adăugați următoarele rânduri în foaia de stil:
td, th {
text-align: centru;
}
Cum se centrează fiecare celulă antet din tabel
Adăugați următoarele rânduri în foaia de stil:
a {
text-align: centru;
}
Centrarea fiecărei celule din cap, corp sau picior de masă
Pentru a centra aceste celule, trebuie să adăugați etichete de tabel care nu sunt întotdeauna utilizate, cum ar fi.
thead 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ă fie centrate.
Cum se centrează o celulă sau celule specifice într-un tabel
Pentru a face acest lucru, trebuie să setați o clasă pe celulele pe care doriți să fie centrate.
Adăugați următorul atribut la celulele tabelului pe care doriți să le centrați:
Apoi adăugați următoarele pe foaia de stil:
.centered-cell {
text-align: centru;
}
Puteți adăuga această clasă la orice celulă din tabelul dvs.
Încheierea
Nu ezitați să utilizați aceste stiluri pe oricare dintre celulele de masă. Le puteți utiliza pe celule îmbinate sau pe celule unice, iar textul din interior va fi centrat.