Skip to main content

Kako postaviti tabelo s pomočjo CSS

Anonim

Cascading Style Sheets (CSS) je stilski jezik, ki se najpogosteje uporablja za nastavitev vizualnega sloga spletnih strani, zapisanih v HTML in XHTML. Morda ste novi v spletnem oblikovanju ali CSS in imate vprašanja o tem, kako postaviti tabelo na spletno stran. Morda ste tudi izkušeni oblikovalec, ki je zmeden o tem, kako izvedeti to tehniko, ko je atribut CENTER tag in align = "center" v oznaki TABLE opuščen. S CSS centriranje tabel na spletni strani sploh ni težavno.

Uporabite CSS za centriranje tabele

V slogovni slog CSS lahko dodate eno vrstico, da vodoravno razporedite vse tabele:

ali pa lahko to isto vrstico dodate neposredno mizi:

Ko postavite tabelo na spletno stran, jo postavite v element elementov na ravni blokov, kot so BODY, P, BLOCKQUOTE ali DIV. Znotraj tega elementa lahko postavite tabelo z uporabo margin: auto; slog. To govori brskalniku, da se robovi na vseh straneh tabele izenačijo, kar postavlja tabelo v središče spletne strani.

Nekateri starejši spletni brskalniki ne podpirajo te metode

Če vaša stran mora podpirati starejši spletni brskalnik, na primer Internet Explorer 6, morate še naprej uporabljatialign = "center" ali oznako CENTER, s katero boste centrirali svoje mize. To je edini zaplet, s katerim boste naleteli, ko boste centrirali svoje mize na spletni strani. Uporaba te tehnike je enostavna in se lahko izvede v nekaj minutah.