Jednostavan način centriranja tablice pomoću CSS-a

Jedna linija koda je sve što trebate za središte tablice

Cascading Style Sheets (Cascading Style Sheets) (Cascading Style Sheets) (Cascading Style Sheets) (Cascading Style Sheets) je jezik stila koji se najčešće koristi za postavljanje vizualnog stila web stranica napisanih u HTML i XHTML. Možda ste novi u web design ili CSS i imate pitanja o centriranju tablice na web stranici. Možda ste i vi iskusni dizajner koji je zbunjen o tome kako izvršiti ovu tehniku ​​sada kada je oznaka CENTER i align = "centar" atribut zastario u oznaci tablice. S CSS-om, centriranje tablica na web stranici nije nimalo teško.

Upotrijebite CSS za središte tablice

Možete dodati jednu liniju u svoj CSS tablicu stila kako biste vodoravno usmjerili sve tablice:

tablica {margin: auto; }

ili možete izravno dodati istu liniju u svoju tablicu:

Kada stavite tablicu na web stranicu, stavljate ga u element blokova kao što su BODY, P, BLOCKQUOTE ili DIV. Možete centrirati tablicu unutar tog elementa pomoću margine: auto; stil. To govori pregledniku kako bi margine na svim stranama tablice bile jednake, što stavlja stol u središte web stranice.

Neki starije web preglednici ne podržavaju ovu metodu

Ako vaša web-lokacija mora podržavati starije web-preglednike, kao što je Internet Explorer 6, morate nastaviti koristiti align = "centar" ili oznaku CENTER kako biste centrirali svoje tablice. To je jedina komplikacija koju ćete riješiti prilikom centriranja tablica na web stranici. Upotreba ove tehnike je jednostavna i može se izvršiti za nekoliko minuta.