Enostaven način centriranja tabele z uporabo CSS

Ena vrstica kode je vse, kar potrebujete za centriranje tabele

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:

tabela {margin: auto; }

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. Tabelo lahko postavite v ta element z uporabo robnika: 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 mora vaše spletno mesto podpirati starejši spletni brskalnik, kot je Internet Explorer 6, morate še naprej uporabljati align = "center" ali oznako CENTER za centriranje vaših tabel. 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.