Skip to main content

Najboljši način za centriranje besedila v celici tabele

Anonim

Če ste začetni spletni oblikovalec, imate morda vprašanja o tem, kako osredotočiti besedilo znotraj celice tabele. S tem vodnikom, to tehniko obvladajte v samo nekaj minutah. To je preprosto - tudi če še niste nikoli poskusili.

Začetek

Centriranje besedila znotraj celice je najbolje storiti s CSS, tako kot bi center center besedila v drug element na vaši spletni strani. Preden začnete, pa se morate odločiti, za kaj natančno želite biti centrirani. Z mizo imate več možnosti, vključno z vsako celico v tabeli; vsaka glava celica v tabeli vsaka celica v glavi mize, mizo ali mizica. V tabeli lahko določite tudi določeno celico ali niz celic.

Poleg tega morate v glavi dokumenta ustvariti notranji slogovni list ali ga dodati kot zunanji slogovni list. Sloge boste postavili v središče celic tabele v tem slognem listu.

Kako centriramo vsako celico v tabeli

V svoj slogovni list dodajte naslednje vrstice:

td, th {poravnava besedila: center;}

Kako postaviti vsako celico glave v tabelo

V svoj slogovni list dodajte naslednje vrstice:

th {poravnava besedila: center;}

Centriranje vsake celice v glavi, telesu ali nogi

Če želite centrirati te celice, morate dodati oznake za mize, ki se ne uporabljajo vedno, na primer , in . Potem boste s temi oznakami obkrožili svoje celice tabele, da boste prepoznali glavo glave, telo in nogo. Po tem boste v svoj slogovni list dodali naslednje:

thead th, thead td {poravnava besedila: center;}tbody th, tbody td {poravnava besedila: center;}tfoot th, tfoot td {poravnava besedila: center;}

Odstranite sloge za področja, ki jih ne želite centrirati.

Kako centriramo določeno celico ali celice v tabeli

Če želite to narediti, morate nastaviti razred v celicah, ki jih želite centrirati.

V tabele celic, ki jih želite centrirati, dodajte naslednji atribut:

class = "centered-cell" >

Nato v svoj slogovni list dodajte naslednje:

.centered-cell {poravnava besedila: center;}

Ta razred lahko dodate v katero koli celico v tabeli.

Zavijanje

Ne oklevajte za uporabo teh stilov v katerikoli od vaših celic. Uporabite jih lahko na združenih celicah ali na posameznih celicah, besedilo pa bo centrirano.