Ako Vycentrovať Div

Obsah:

Ako Vycentrovať Div
Ako Vycentrovať Div

Video: Ako Vycentrovať Div

Video: Ako Vycentrovať Div
Video: Vertikálne zarovnanie v HTML a CSS 2024, November
Anonim

Moderné štandardy rozloženia stránky nezakazujú použitie rozloženia tabuľky, avšak vrstvené rozloženie sa v skutočnosti stalo povinným štandardom pri vytváraní webov. Okrem zrejmých výhod prinieslo nahradenie rozloženia tabuľky niektoré nové veľké i malé problémy. Jedným z nich je vodorovné vyrovnanie blokovej štruktúry na stránke. Pozrime sa na niekoľko praktických spôsobov, ako nastaviť vrstvu do stredu šírky stránky.

Ako vycentrovať div
Ako vycentrovať div

Nevyhnutné

Základné znalosti HTML

Inštrukcie

Krok 1

Jedna z možností riešenia problému zarovnania vrstvy (blok DIV) do stredu okna otvorenej stránky sa obchádza iba pomocou HTML (HyperText Markup Language - „hypertext markup language“). Musíte vložiť blok dovnútra značky. Najjednoduchší takto usporiadaný kód stránky môže vyzerať napríklad takto:

Zarovnanie DIV do stredu

Krok 2

Ďalšia možnosť používa CSS (kaskádové štýly). V štýle zarovnanej vrstvy musíte nastaviť automatickú detekciu množstva odsadenia od okrajov okna. Kód takejto stránky v najjednoduchšej podobe môže byť napríklad tento:

Zarovnanie DIV do stredu

Odporúča: