Wyrównaj Swoją Witrynę Do środka

Spisu treści:

Wyrównaj Swoją Witrynę Do środka
Wyrównaj Swoją Witrynę Do środka

Wideo: Wyrównaj Swoją Witrynę Do środka

Wideo: Wyrównaj Swoją Witrynę Do środka
Wideo: Przebudowałem z PALIONEM wieżę mojej DZIEWCZYNY w Minecraft! 2024, Może
Anonim

Podczas kodowania webmaster musi włożyć wiele wysiłku, aby strona wyglądała równie dobrze na różnych rozdzielczościach ekranu. Najlepszym rozwiązaniem jest wyśrodkowanie całej treści na stronie.

Wyrównaj swoją witrynę do środka
Wyrównaj swoją witrynę do środka

Instrukcje

Krok 1

Metoda wyrównania do środka zależy od metody układu. Możesz użyć tagów lub

… Oczywiście łatwiej jest objąć całą zawartość tagiem, ale jest on już dawno przestarzały i nie ma gwarancji, że wszystko będzie działać poprawnie. Najnowocześniejszym sposobem jest wykorzystanie technologii CSS.

Krok 2

Tag oddziela część kodu w jeden blok, pozwalając na zmianę wyglądu treści, nadając fragmentowi jedną czcionkę, kolor, tło itp. W układzie blokowym cała zawartość znacznika jest umieszczana w znaczniku. W ustawiamy wyrównanie za pomocą atrybutu align. Będzie to wyglądać tak:

Zawartość witryny Site

Krok 3

Centrowanie można również ustawić za pomocą narzędzi CSS. Aby to zrobić, musisz utworzyć osobny plik arkuszy stylów lub umieścić wszystko w tym samym pliku HTML, w tagu. Kod będzie wyglądał tak:

* {margines: 0; dopełnienie: 0;}

ciało {

wyrównanie tekstu: środek;

}

dziel {

szerokość: 700px;

margines: 0 auto;

}

Krok 4

W układzie tabeli centrowanie ustawia się za pomocą tabel w tagu

… Kod będzie wyglądał następująco: <tabela witryny

… Tabela zostanie umieszczona odpowiednio na środku strony, podobnie jak jej zawartość. Możesz także ustawić szerokość dowolnego bloku, określając go za pomocą parametru szerokości.

Krok 5

Wybierając szerokość strony, pamiętaj, że rozdzielczości ekranu użytkowników mogą bardzo różnić się od Twojej. Czasami, aby nie pomylić się z rozmiarem, należy ustawić wszystko w procentach. Jest to szczególnie przydatne, jeśli masz prostą witrynę.

Krok 6

Niezależnie od używanej metody upewnij się, że Twoja witryna działa poprawnie we wszystkich przeglądarkach. Jeśli z jakiegoś powodu jest on nieprawidłowo wyświetlany w jednym z nich - wskaż to.

Zalecana: