Hogyan Kell Középre Helyezni A Div-t

Tartalomjegyzék:

Hogyan Kell Középre Helyezni A Div-t
Hogyan Kell Középre Helyezni A Div-t

Videó: Hogyan Kell Középre Helyezni A Div-t

Videó: Hogyan Kell Középre Helyezni A Div-t
Videó: CSS3 display - верстаем таблицу блоками div 2024, Április
Anonim

A modern oldalelrendezési szabványok nem tiltják a táblázatos elrendezés használatát, azonban a réteges elrendezés valójában kötelező szabvány lett a webhelyek létrehozásakor. A nyilvánvaló előnyök mellett az asztal elrendezésének kiszorítása új és kisebb problémákat vetett fel. Az egyik a blokkszerkezet vízszintes igazítása az oldalon. Nézzünk meg néhány gyakorlati módot, amellyel a réteget az oldalszélesség közepére állíthatjuk.

Hogyan kell középre helyezni a div-t
Hogyan kell középre helyezni a div-t

Szükséges

HTML alapismeretek

Utasítás

1. lépés

Csak egy HTML (HyperText Markup Language - "hiperszöveges jelölőnyelv") segítségével lehet megkerülni egy réteg (DIV blokk) egy nyitott oldal ablakának közepéhez igazításának problémáját. Be kell helyeznie a blokkot a címke belsejébe. Az így elhelyezett legegyszerűbb oldalkód például így nézhet ki:

A DIV igazítása a középponthoz

2. lépés

Egy másik lehetőség CSS-t (Cascading Style Sheets) használ. Az igazított réteg stílusában be kell állítania az eltolás összegének automatikus felismerését az ablakszegélyekről. Egy ilyen oldal kódja a legegyszerűbb formájában például a következő lehet:

A DIV igazítása a középponthoz

Ajánlott: