Če ste začetnik spletnega oblikovalca, boste morda imeli vprašanja o tem, kako centrirati besedilo znotraj celice tabele. S tem vodnikom se te tehnike naučite v samo nekaj minutah. To je enostavno - tudi če tega še niste poskusili.
Kako začeti
Središče besedila znotraj celice je najbolje narediti s CSS, tako kot bi besedilo centrirali v drug element na svoji spletni strani. Preden začnete, pa se morate odločiti, na kaj natančno želite biti osredotočeni. S tabelo imate več možnosti, vključno z vsako celico v tabeli; vsaka celica glave v tabeli vsaka celica glave tabele, telesa mize ali stopala tabele. V tabeli lahko centrirate tudi določeno celico ali nabor celic.
Poleg tega bi morali ustvariti notranji slog v glavi dokumenta ali priloženi dokumentu kot zunanji slogovni list. Na tem slogu boste sloge postavili v središče celic tabele.
Kako centrirati vsako celico v tabeli
Na svoj slog dodajte naslednje vrstice:
td, th {
poravnava besedila: sredina;
}
Kako centrirati vsako celico glave v tabeli
Na svoj slog dodajte naslednje vrstice:
th {
poravnava besedila: sredina;
}
Centriranje vsake celice v glavi, telesu ali stopalu mize
Če želite te celice centrirati, morate dodati oznake tabel, ki niso vedno uporabljene, na primer.
thead th, thead td {
poravnava besedila: sredina;
}
tbody th, tbody td {
poravnava besedila: sredina;
}
tfoot th, tfoot td {
poravnava besedila: sredina;
}
Odstranite sloge za območja, za katera ne želite, da so centrirana.
Kako centrirati določeno celico ali celice v tabeli
Če želite to narediti, morate v celicah, ki jih želite centrirati, nastaviti razred.
V celice tabele, ki jih želite centrirati, dodajte naslednji atribut:
Nato na svoj slog dodajte naslednje:
.centered-cell {
poravnava besedila: sredina;
}
Ta razred lahko dodate v katero koli celico v tabeli.
Zavijanje
Ne oklevajte in uporabite te sloge v kateri koli celici tabele. Uporabite jih lahko na združenih celicah ali na posameznih celicah, besedilo znotraj pa bo centrirano.