Kako srediti tekst u ćeliji tablice

Ako ste početnik Web dizajnera, možda ćete imati pitanja o tome kako centrirajte tekst unutar ćelije tablice. Ovim vodičem savladajte ovu tehniku ​​za samo nekoliko minuta. Lako je - čak i ako nikada ranije niste pokušali.

Počinjemo

Centriranje teksta unutar ćelije najbolje se vrši pomoću CSS-a, baš kao što biste sredili tekst u nekom drugom elementu na vašoj Web stranici. Pre nego što započnete, međutim, morate odlučiti šta tačno želite biti centrirani. Sa stolom imate nekoliko opcija, uključujući svaku ćeliju u tabeli; svaka zaglavna ćelija u stolu svaka ćelija u stolu, tijelo stola ili stolna stopala. Možete takođe centrirati određenu ćeliju ili skup ćelija unutar tabele.

Pored toga, trebalo bi da napravite interni stilski stil u glavi dokumenta ili da ga priključite na dokument kao spoljašnji stilski stil . Postavićete stilove da centriraju svoje ćelije u tom stilu.

Kako centrirati svaku ćeliju u tabeli

Dodajte sljedeće redove na svoj stilski stil:

td, {text-align: centar; }

Kako centrirati svaku zaglavljenu ćeliju u tabeli

Dodajte sljedeće redove na svoj stilski stil:

{text-align: centar; }

Centriranje svake ćelije u stolici, telu ili nogu

Da biste centrirali ove ćelije, morate dodati oznake tablica koje se ne koriste uvek, kao što su , i . Zatim ćete okrućiti vaše ćelije tablice sa ovim oznakama da biste identifikovali glavu, tijelo i stopalo tabele. Nakon toga, u svoj stilski stil ćete dodati sledeće:

thead th, thead td {tekstualno poravnanje: centar; } tbody th, tbody td {tekst-align: centar; } tfoot th, tfoot td {tekstualno poravnanje: centar; }

Uklonite stilove za područja kojima ne želite da se centrišete.

Kako centrirati određenu ćeliju ili ćelije u tabeli

Da biste to uradili, morate postaviti klasu na ćelije koje želite da centrirate.

Dodajte sljedeći atribut ćelijama tablice koje želite centrirati:

class = "centrirana ćelija" >

Zatim dodajte na svoj stilski stil:

.centrisana celija {tekstualno poravnanje: centar; }

Ovu klasu možete dodati bilo kojoj ćeliji u vašoj tabeli.

Zavijanje

Ne oklevajte da koristite ove stilove na bilo kojoj od vaših ćelija. Možete ih koristiti na spojenim ćelijama ili pojedinačnim ćelijama, a tekst će biti usredsređen.