Jednostavan način za centriranje tabele koristeći CSS

Jedna linija koda je sve što treba da centrirate stol

Cascading Style Sheets (CSS) je stilski jezik koji se najčešće koristi za postavljanje vizuelnog stila web stranica napisanih u HTML i XHTML. Možda ste novi za web dizajn ili CSS i imate pitanja kako centrirati tablicu na web stranici. Takođe možete biti iskusan dizajner koji je zbunjen kako da izvede ovu tehniku ​​sada kada atribut CENTER tag i align = "center" odbijaju u oznaci TABLE. Sa CSS-om, centriranje tabela na web stranici nije teško.

Koristite CSS za centriranje tabele

Možete dodati jednu liniju u svoj CSS stilski list da biste centrirali sve tabele horizontalno:

tabela {margin: auto; }

ili možete direktno dodati tu istu liniju:

Kada stavite tabelu na web stranicu, stavljate ga unutar elementa na nivou blokova kao što su BODY, P, BLOCKQUOTE ili DIV. Tabelu možete srediti unutar tog elementa pomoću margine: auto; stil. Ovo govori pretraživaču da marže na svim stranama tabele budu jednake, što postavlja tabelu u centar web stranice.

Neki stariji Web pretraživači ne podržavajte ovaj metod

Ako vaša stranica mora podržati stariji web pretraživač, kao što je Internet Explorer 6, onda morate nastaviti da koristite align = "center" ili CENTER oznaku da biste centrirali svoje tablice. To je jedina komplikacija koju ćete započeti kada centrirate svoje stolove na web stranici. Korišćenje ove tehnike je jednostavno i može se izvršiti za nekoliko minuta.