Jednoduchý spôsob, ako centrovanie tabuľky pomocou CSS

Jeden riadok kódu je všetko, čo potrebujete na centrovanie tabuľky

Kaskádové štýly (CSS) sú jazykové štýly, ktoré sa najčastejšie používajú na nastavenie vizuálneho štýlu webových stránok napísaných v jazykoch HTML a XHTML. Môžete byť nový pre web dizajn alebo CSS a máte otázky, ako centrovanie tabuľky na webovej stránke. Môžete tiež byť skúseným dizajnérom, ktorý je zmätený o tom, ako vykonať túto techniku, keď značka CENTER a align = "center" atribút sú zastarané v značke TABLE. Pomocou CSS nie je centrovanie tabuliek na webovej stránke vôbec ťažké.

Použite CSS na zarovnanie tabuľky

Môžete pridať jeden riadok do vášho štýlu štýlov CSS, aby sa všetky tabuľky umiestnili vodorovne:

tabuľka {margin: auto; }

alebo priamo do tabuľky môžete pridať ten istý riadok:

Keď umiestnite stôl na webovú stránku, umiestňujete ju do elementu na úrovni bloku, ako napríklad BODY, P, BLOCKQUOTE alebo DIV. Tabuľku môžete v rámci daného prvku centrovat pomocou okraja: auto; štýl. To robí prehliadaču, aby okraje na všetkých stranách tabuľky boli rovnaké, čo pozíciu tabuľky v strede webovej stránky.

Niektoré staršie webové prehliadače nepodporujú túto metódu

Ak vaša stránka musí podporovať starší webový prehliadač, ako je napríklad Internet Explorer 6, musíte naďalej používať align = "center" alebo značku CENTER na centrovanie tabuliek. Ide o jedinú komplikáciu, ktorú narazíte na centrálu tabuľky na webovej stránke. Použitie tejto techniky je jednoduché a môže byť vykonané za niekoľko minút.