Igazítás középre div

Verstov oldalon, azt hiszem, mindenki többször találkozott azzal a problémával, összehangolása a konténer div, vagy bármely más elemet a központban. Ebben a bejegyzésben szeretnék mondani egy pár módon igazítsa elemeket a vízszintes központ és mind vízszintesen, mind függőlegesen.
Sokan használják szülő css tulajdonság

Ez vezet a középre igazítást csak az én „kedvenc” IE. Más böngészők, ez a funkció csak akkor működik, amikor a sorokat, hogy a div nem. Kezdjük.

Vízszintes igazítás CSS segítségével.

Összehangolni a tartályt vízszintes középpontjához, meg kell adnia a szélességét, valamint, állítsa be a bal és jobb margót auto. Ez az eljárás működik blokk elemek (konténerek, bekezdések, stb). Ahhoz, hogy ez a munka vonal elemek, mint például a linkeket és a képeket, azt kell alkalmazni az ingatlan display: block.

Ezután a kód így fog kinézni:

Önterülő blokk középre mind vízszintesen, mind függőlegesen.

Ez az egész egy kicsit bonyolult. Kezdeni, meg kell tudni, hogy mind a szélessége és magassága a igazított elem. Beállítása tulajdonságai baloldali és felső 50% -kal egyenlő, helyeztük a bal felső sarkában a szülő elem, a kapus elem (melyet a pozíció tulajdonság: relatív). Most kell mozgatni a bal elemet - a szélesség fele és a felső - magasságának fele, hogy mozgassa a kívánt pozícióba. Ha szükségessé válik, hogy helyezze az elemet a képernyő közepén, ki kell cserélni

Ui A blog blognat.ru tartott részesedése. felülvizsgálja az érdeklődők.

Kapcsolódó cikkek

• ezoterikus központok

• 4 vélemény körülbelül International Center of orvosi pióca, a konkrét település, Oktyabrskaya utca 40

• Az egészségügyi központok Mogilev - a szolgáltatások ára, a valós címét