css útmutató
CSS vertical-align tulajdonság a függőleges igazítását elemek tekintetében a szüleik. Alapvetően ilyen összehangolás alapja alapvonalig a tétel is, és a szülő, így kezdődik egy magyarázatot, hogy mi az alapvonal.
- Baseline - képzeletbeli vonal fut végig az alsó széle a karakterek. Egyes betűk (u, C, Y, q, p, f) részlegesen kívül az alapvonal.
- Ha az elem nincs alapvonal (például, képek vagy blokk elemek), majd jár el szerepet, mint a külső széle az alsó mezőben (margin-bottom).
- Alapvető táblázatkezelő sejtvonal - az alapvonaltól az első sor a szöveg, vagy az első blokk (attól függően, hogy mi az elején). Ha egy ilyen szöveg blokk vagy nem, ez a cella alján.
- Kiindulási számos HTML-táblázat - a kiindulási közös az összes sejtek ezt a sorozatot.
ingatlan típusa
Ez vonatkozik a: integrált (line-szintű) elemeket, egy táblázat cella (
Az érték a függőleges-align tulajdonságok jelzi a függőleges igazítás tagot az alábbi módon.
- alapvonal - igazítja az alaptaghoz képest az alapvonaltól a szülő vonal.
- közepén - igazítja a középső elem függőlegesen az alapvonaltól szülő felével x-magassága a szülő, ahol x-magassága - a magassága egy kisbetűs x. Megjegyezzük, hogy ebben az esetben veszi a közepén a elem maga, és nem a lehetséges leszármazottja elemeit (amely lehet nagyobb), mint az x-magassága a szülő.
- al - line előfeszíti az alaptaghoz, hogy az alsó szinten az index a szülő konténer, de a méret a font elem így változatlan marad.
- szuper - előfeszíti az alapelem a vonalon, hogy a szint a felső index a szülő konténer, de a méret a font elem így változatlan marad.
- text-top - szintező a felső elem tetején a legmagasabb pontja a szülő szöveg szimbólum. Megjegyezzük, hogy ebben az esetben egy vonalban pontosan tetején az elem, és nem a tetején a lehetséges leszármazottja elemeit (amely lehet nagyobb), valamint a tetején a szülő.
- text-bottom - alsó elem összehangolása legalacsonyabb pont a szülő szöveges karaktert.
- top - szintező a felső elem, de tekintettel a potenciális leszármazottai a legmagasabb pontja a felső elem sorban (inkább, mint a szülő).
- alul - az alsó szintező elem, de figyelembe véve a lehetséges utódai a legalacsonyabb pont a vonal.
- Méret - függőleges elmozdulás viszonyítva az alaptaghoz szülői vonal feltüntetett relatív vagy abszolút értelemben vett a CSS, például képpont (px), pontok (PT), centiméter (cm), stb Ha ez negatív érték lefelé lép elem, és a pozitív - fel, vagyis a 0 érték felel meg a kiindulási.
- Percent - függőleges elmozdulás tag képest a szülő alapvonal, a százalékos (%), ahol a 100% veszik figyelembe a line-height az elem önmagában nem a szülő. Ha ez negatív érték lefelé lép elem, és a pozitív - fel, azaz a értéke 0% egyenértékű alapvonal.
- öröklik - örökli függőleges igazítása értéke a szülő elem.
Azonban, asztali sejteket lehet használni egy korlátozott körét vertikális-align értékeket. amelyek jelentése a következő:
- alapvonal - összehangolja a bázis a sejtvonal a kiindulási a sorozat, amelyben ez található. Ha a sejt egyesítjük, és áll, több sorban, majd venni a kiindulási az első sor.
- top - a tetején a cella tartalmát egy vonalban, tekintettel a tetején.
- közepén - a központ a cella tartalmát egy vonalban, tekintettel a központ.
- alsó - az alsó a cella tartalmát egy vonalban képest az edény aljára.
Érdeklődjön bejegyzés: line-height kapcsolatban magát az elemet.
Alapértelmezett érték: alapvonal.
Bár a CSS specifikációk ezt, és nem mondja, de az alapértelmezett böngésző igazítsa a tartalmát szerinti sejtek, függőleges vonalban érték közepén, vagyis a HTML specifikáció.
vertical-align: baseline | közepén | sub | super | text-top | text-bottom | tetejére | alsó | méret | kamat | örököl
Példa CSS: használni függőleges-align
Eredmény. Az ingatlan a CSS vertical-align az Opera böngészőt.