Jednoduchý způsob, jak centrovat tabulku pomocí CSS

Jeden řádek kódu je vše, co potřebujete ke stolu

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:

tabulka {margin: auto; }}

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 můžete v tomto prvku vycentrovat pomocí okraje: 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č, jako je například Internet Explorer 6, musíte pokračovat v použití align = "center" nebo značky CENTER, abyste centrovali své tabulky. 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.