Kako centrirati tekst u ćeliji tablice

Ako ste web dizajner novaka, možda imate pitanja o tome kako centrirati tekst unutar ćelije tablice. S ovim vodičem ovladajte ovu tehniku ​​u samo nekoliko minuta. Lako je - čak i ako nikada prije niste pokušali.

Početak rada

Centar za centriranje unutar ćelije najbolje je učinio pomoću CSS-a, baš kao što biste srediąli tekst u drugom elementu na web stranici. Međutim, prije nego što počnete, morate odlučiti što želite točno centrirati. S tablicom imate nekoliko opcija, uključujući svaku ćeliju u tablici; svaka ćelija zaglavlja u tablici svaka ćelija u stolnoj glavi, stolnom tijelu ili stolnoj stopi. Možete također centrirati određenu ćeliju ili skup ćelija unutar tablice.

Pored toga, trebali biste izraditi interni stilski list na glavi vašeg dokumenta ili priložiti dokument kao vanjski stilski list . Stavit ćete stilove da centriraju svoje ćelije tablica u taj stilski list.

Kako centrirati svaku ćeliju u tablici

U tablicu stila dodajte sljedeće retke:

td, th {text-align: centar; }

Kako centrirati svaku ćeliju zaglavlja u tablici

U tablicu stila dodajte sljedeće retke:

th {text-align: centar; }

Centriranje svake ćelije u stolnoj glavi, tijelu ili stopi

Da biste centrirali te stanice, trebate dodati oznake tablice koje se ne koriste uvijek, kao što su , i . Zatim ćete okružiti ćelije tablica s tim oznakama kako biste utvrdili glavu, tijelo i stopalo tablice. Nakon toga u tablicu stila dodajte sljedeće:

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

Uklonite stilove za područja na koja ne želite biti centrirana.

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

Da biste to učinili, morate postaviti klasu na ćelijama koje želite centrirati.

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

class = "centered-cell" >

Zatim dodajte sljedeće u svoj stilski obrazac:

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

Možete dodati ovaj razred bilo kojoj ćeliji u tablici.

Završavati

Nemojte se ustručavati koristiti ove stilove na bilo kojoj stanici vašeg stola. Možete ih koristiti na spojenim stanicama ili na pojedinačnim ćelijama, a tekst u njemu će biti usmjeren.