Kako središče besedila v celici tabele

Č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 {text-align: center; }

Kako postaviti vsako celico glave v tabelo

V svoj slogovni list dodajte naslednje vrstice:

{{text-align: center; }

Centriranje vsake celice v glavi, telesu ali nogi

Če želite centrirati te celice, morate dodati tabele, 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 {besedilo-poravnava: center; } tbody th, tbody td {tekst-align: center; } tfoot th, tfoot td {text-align: 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 {text-align: 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.