Függőleges igazítás a díva
Gyakran előfordul, hogy azt szeretné, hogy összehangolja a szöveget az alsó szélén, vagy a közepén a blokk. Úgy tűnik, hogy minden egyszerű: biztosítani DIV display: table-cell és vertical-align: középső (vagy alul), de az IE nem érti az értéke table-cell ingatlan kijelzőn. Majd meg kell kijutni.
Problémák megoldása az igazításhoz alsó széle mentén, és a közepén a blokk kissé eltér egymástól, de épül ugyanazon elv: az elhelyezése a vonal elem a blokkon belül.
Igazítása Bottom.
Összehangolni a szöveg alsó széle a blokk elem, meg kell adnia a relatív helymeghatározás a készülék, helyezze be a szöveget a SPAN tag, és megkérem, abszolút pozicionálás:
Ez a módszer jól működik minden böngészőben, és nem csapkod vagy feltételes megjegyzések nem igényel.
Alignment közepén a blokk
Ebben az esetben mi lenne szükségünk van egy másik SPAN. SPAN első helyen a szöveg képest a középső és a második növelni fogja a szöveget, hogy a fele a magassága.
De ez csak akkor működik, az Internet Explorer, mivel ez egy speciális fogantyúk felső tulajdon. A mi több böngészővel kódot kell igénybe feltételes megjegyzés az IE és más böngészők használni display: table-cell és vertical-align: közepén. Itt van a teljes kód minden böngészőben:
By the way, ha kell igazítani a szöveget, és horizontálisan is, adjunk hozzá egy leírást a stílus a SPAN tag az alábbiak szerint:
Most lehet igazítani a szöveget vízszintesen és a text-align tulajdonság SPAN tag.