Igazítsa Webhelyét A Középponthoz

Tartalomjegyzék:

Igazítsa Webhelyét A Középponthoz
Igazítsa Webhelyét A Középponthoz
Anonim

Kódoláskor a webmesternek nagyon sokat kell tennie azért, hogy a webhely ugyanolyan jól nézzen ki különböző képernyőfelbontások mellett. A legjobb megoldás az összes tartalom középre helyezése az oldalon.

Igazítsa webhelyét a középponthoz
Igazítsa webhelyét a középponthoz

Utasítás

1. lépés

A középre igazítási módszer az elrendezési módtól függ. Használhat címkéket vagy

… Természetesen könnyebb az összes tartalmat egy címkébe csomagolni, de az már régen elavult, és nincs garancia arra, hogy minden megfelelően fog működni. A legmodernebb módszer a CSS technológia használata.

2. lépés

A címke a kód egy részét egy blokkba választja el, lehetővé téve a tartalom megjelenésének megváltoztatását, a töredéknek egy betűtípust, színt, hátteret stb. Blokkelrendezés esetén a címke összes tartalma a címkébe kerül. Beállítjuk az igazítást az align attribútummal. Így fog kinézni:

A webhely tartalma

3. lépés

A központosítás CSS eszközökkel is beállítható. Ehhez külön fájlt kell létrehozni a stíluslapokból, vagy mindent el kell helyezni ugyanabban a HTML fájlban, a címkében. A kód így fog kinézni:

* {margó: 0; párnázás: 0;}

body {

text-align: center;

}

div {

szélesség: 700px;

margó: 0 auto;

}

4. lépés

Táblázatelrendezésben a központozás a címkében lévő táblák segítségével állítható be

… A kód a következő lesz: <site table

… A táblázat az oldal közepén helyezkedik el, és annak tartalma is. Bármely blokk szélességét beállíthatja úgy is, hogy megadja a szélesség paraméterrel.

5. lépés

Az oldalszélesség kiválasztásakor ne feledje, hogy a felhasználók képernyőfelbontása nagyon eltérhet az Önétől. Néha annak érdekében, hogy ne tévedjen a méretével, mindent százalékban kell beállítania. Ez különösen akkor hasznos, ha egyszerű webhelye van.

6. lépés

Bármelyik módszert is használja, ellenőrizze, hogy webhelye minden böngészőben megfelelően működik-e. Ha valamilyen oknál fogva helytelenül jelenik meg az egyikben - jelezze ezt.

Ajánlott: