Kaskádové styly (CSS) jsou nejčastěji používaným jazykem stylového listu pro nastavení vizuálního stylu webových stránek napsaných ve formátu HTML a XHTML. Možná jste noví k webovým designům nebo CSS a máte otázky o tom, jak centrovat tabulku na webové stránce. Můžete také být zkušený návrhář, který je zmatený, jak tuto techniku provést nyní, když značka CENTER a align = "center" jsou zastaralé v tagu TABLE. Se službou CSS není centrování na webové stránce vůbec těžké.
Použijte CSS pro centrování tabulky
Chcete-li vycentrovat všechny tabulky vodorovně, můžete do listu stylů CSS přidat jeden řádek:
nebo přímo do tabulky můžete přidat stejný řádek:
Když umístíte tabulku do webové stránky, umístíte ji do elementu na úrovni bloku, jako je BODY, P, BLOCKQUOTE nebo DIV. Tabulku v tomto elementu můžete vycentrovat pomocí příkazu okraj: auto; styl. To informuje prohlížeč, aby okraje na všech stranách stolu byly stejné, což umisťuje tabulku do středu webové stránky.
Některé starší webové prohlížeče tuto metodu nepodporují
Pokud vaše stránky musí podporovat starší webový prohlížeč, například aplikaci Internet Explorer 6, musíte pokračovat v prácialign = "center" nebo značku CENTER, aby se vaše tabulky stočily. Jedná se o jediné komplikace, které narazíte na centrování tabulek na webové stránce. Použití této techniky je snadné a může být provedeno za pár minut.
