Jak Wyśrodkować Div

Spisu treści:

Jak Wyśrodkować Div
Jak Wyśrodkować Div

Wideo: Jak Wyśrodkować Div

Wideo: Jak Wyśrodkować Div
Wideo: 4 Quickest Ways to Center Div with CSS 2024, Kwiecień
Anonim

Nowoczesne standardy układu strony nie zabraniają używania układu tabeli, jednak układ warstwowy w rzeczywistości stał się obowiązkowym standardem podczas tworzenia witryn. Oprócz oczywistych zalet, zastąpienie układu stołów przyniosło nowe duże i małe problemy. Jednym z nich jest poziome wyrównanie struktury blokowej na stronie. Przyjrzyjmy się kilku praktycznym sposobom ustawienia warstwy na środku szerokości strony.

Jak wyśrodkować div
Jak wyśrodkować div

Niezbędny

Podstawowa znajomość HTML

Instrukcje

Krok 1

Jedna z opcji rozwiązania problemu wyrównania warstwy (bloku DIV) do środka okna otwartej strony jest omijana tylko za pomocą HTML (HyperText Markup Language - "język znaczników hipertekstowych"). Musisz umieścić klocek wewnątrz tagu. Najprostszy kod strony, ułożony w ten sposób, może wyglądać na przykład tak:

Wyrównywanie DIV do środka

Krok 2

Inna opcja wykorzystuje CSS (Kaskadowe Arkusze Stylów). W stylu wyrównanej warstwy musisz ustawić automatyczne wykrywanie wielkości odsunięcia od krawędzi okna. Kod takiej strony w najprostszej postaci może wyglądać np. tak:

Wyrównywanie DIV do środka

Zalecana: