Sitemap

Tabulka je vynikající způsob, jak prezentovat mnoho informací organizovaným způsobem.Údaje o prodeji, návštěvnost webových stránek, trendy na akciovém trhu a známky studentů jsou příklady informací, které jsou často prezentovány v tabulkách.

Při přidávání tabulky na webovou stránku pomocí HTML může být vizuálně přitažlivější umístit ji na střed stránky.Centrování textu a obrázků se obvykle provádí pomocí třídy text-align nebo pomocí CSS, ale centrování tabulky vyžaduje jiný přístup.Níže jsou uvedeny podrobnosti o tom, jak vycentrovat tabulku na webové stránce.

Centrování tabulky v HTML

Při přidávání tabulky na webovou stránku je ve výchozím nastavení zarovnána k levé straně stránky nebo kontejneru, jak je znázorněno níže.

HITY MĚSÍC CELKOVÝ NÁRŮST
324,497 ledna 1998 -
436,699 února 1998 112,172

Zdrojový kód HTML pro tabulku výše je následující.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Pro vystředění této tabulky byste museli přidat ;margin-left:auto;margin-right:auto; do konceatribut style v tagu

.Značka tabulky by vypadala následovně.

Změna atributu stylu ve značce

, jak je znázorněno výše, způsobí, že tabulka bude vycentrována na webové stránce, jak je znázorněno níže.
HITY MĚSÍC CELKOVÝ NÁRŮST
324,497 ledna 1998 -
436,699 února 1998 112,172
Spropitné

Do atributu style v tagu

můžete přidat parametry, aby byla tabulka přitažlivější.Přidání odsazení:2px; a border-spacing:20px; přidává mezery mezi datovými body a okrajem pro zlepšení čitelnosti.

Související informace

Všechny kategorie: Informace o opravě chyb