Függőleges igazítás lévő elem a blokk

HTML és CSS - a forradalom a világon a web-design!

- kijelző vezérlő sokaságának dokumentumokat Cascading Style Sheets

- Pontosabb felett megjelenése web-dokumentumok

- Különböző nézetek különböző közegek

- Komplex és kifinomult design gépek

Home / HTML és CSS receptek / függőleges igazítás elem egy blokkon belül

Elsimítjuk CSS tulajdonságok asztal és kifejezése az IE 7. Tegyük fel, hogy mi az a feladata, hogy összehangolja bekezdésszöveg képest függőlegesen elem ismert méreteket.

Először hozzon létre html kódban:

Blokkolni egy osztály conteiner_wrap bekezdésben és a szöveg stílusokat alkalmazni:

Ha azt szeretnénk, hogy ez lenne néhány háztömbnyire, és sorakoznak egymás mögött, kell a fő tartályba conteiner_wrap hozzá CSS tulajdonság float: left;. Az érthetőség kedvéért az alábbi példa mutatja a három blokk szöveget.

Egy példa arra, mit kellett volna:

A bekezdés, amely ahhoz szükséges, hogy összehangolják függőlegesen az első szürke blokk.

A bekezdés, amely ahhoz szükséges, hogy összehangolják függőlegesen a második szürke blokk.

A bekezdés, amely ahhoz szükséges, hogy összehangolják függőlegesen a harmadik szürke blokk.

Jelentős hátránya ennek a módszernek, a támogatás hiánya az IE 7. Szerencsére segítségével kis „táncol egy tambura,” a böngésző fogja mutatni, hogy a tervezett.

Bármi lázadó „szamár” nem adjunk hozzá egy pár szeszélyes stílusa szabályokat a bekezdésben a szöveg:

Ha a kifejezés egy olyan tulajdonság, bármilyen okból nem alkalmazható, akkor lehet csinálni nélküle.