A függőleges igazítását blokk azt css - orosz
A cikk „A vízszintbeállításán blokk CSS” Megnéztük többféleképpen központosító vízszintes blokk. Néha szükséges összehangolni a készülék továbbra is függőlegesen, pl flash mód a főoldalon az oldalt, vagy az egész oldal egy téglalap rögzített méretű, található középpontjában mindig a böngésző ablakot.
Minden további nélkül, hogy egyenesen a lényegre. Az egyszerűség kedvéért a kísérlet lesz képest középre a blokk tag
. Először is, meg a szélessége és magassága az elem, amelyben helyet a blokk (akkor szükség van minden elem, ami lesz valami a központtól), majd egy másik nulla értéket padding esetén, ha dozhen némi háttér.És most a legfontosabb, és tekintsünk egy pár példa.
Mi blokkolja az abszolút értékek a szélesség és magasság.
Tegyük fel, hogy kell helyezni a honlapon vaku mód 300 pixel széles és 200 pixel magas. Helyezze azt a tag
Ezután leírja CSS-tulajdonságok a blokk:
Itt adja meg az abszolút pozicionálás blokk, a bal felső sarokban az ablak közepén van, majd kiszorítja az egységet felfelé és balra negatív értéket árrés, ami egyenlő a fele magassága és szélessége a blokk, ill. Teljes például az alább látható kódot:
Ez nagyon egyszerű, és nem nehézkes táblázatok!
Blokknál relatív értékeit szélesség és magasság.
Ebben az időben, a blokk helymeghatározás segítségével csak a koordinátákat a bal felső sarokban. Kivonni a teljes magassága a kültéri egység (az elején úgy döntött, hogy nem lenne
) A magasság a központosító készülék (100% - 50% = 50%). Azt ossza félbe, hogy a felső 25%. Szintén a szélesség és törvény rendre behúzással a bal (a példában: balra: 25%).Hozzá kell tenni, ha a belsejében a mi egység lenne valami rögzített méretű (például kép), és annak tartalmát középre míg a mérete nagyobb, vagy egyenlő a méret a tartalmat. Az egység kerül prepositioned pontosan ahogy rámutatott hozzá CSS, de az eltolás a határ az ablak, mi van benne az egységet függőlegesen nem lesz ugyanaz, és vízszintes francia is, azaz Centirozó megsértik.
Itt egy palacsinta))
most, azt eltávolítja linkek
Opensource projektek eh), de hát)
Sajnos például egyáltalán nem kerekek, ha a magassága a központosító díva meghaladja a magassága a látható része a böngésző. Más szóval, a magassága 500 × 800 = 600 kapjuk szemét (Bár identitás dolog 1600 * 1200 tűnik ideális
display: table-cell; vertical-align: közepes; a tengerszint feletti magasság
A gyakorlatban a viszonylagos nagysága jellemzően már felforgatta
Vendégek, ezt a funkciót az IE nem eke, és az Opera és a Firefox tökéletes!
Ez IE tanácsot?
Ha fel 100%, akkor megjelenik egy görgetősáv, de ez nem tru :)
Az IE vertical-align nem működik jól, nem is beszélve
Példaként az eredeti művek az IE és általában ....
és hogy az írási árrés könnyebb vízszintes tsentirovaniya: 0 auto; m?
Köszönöm a cikket, de a javaslat nem oldja meg a problémát FPIC Firefox 2.0 és MSIE 6.0
Pontosabban skazatt, ha az ablak mérete nagyobb, mint a blokk méretét - minden jó, de itt szükség van, hogy az ablak vízszintesen vagy függőlegesen úgy, hogy a készülék nem kerül teljes egészében - és hello, a felső vagy bal szélén a készülék bemegy a negatív (láthatatlan) régióban. Az egyértelműség kedvéért, tudunk adni neki egy (blokk) határ: 1px szilárd piros; - láthatja, hogy eltűnik. Alulról és jobbra - minden rendben.