Css ръководство

CSS вертикално подравняване имот се използва за вертикално подравняване на елементите по отношение на техните родители. По принцип, като подравняване се базира на основната линия, както на самия елемент, и неговата майка, така че да започнем с обяснение на основната линия е.

Baseline - една въображаема линия, която минава покрай долния ръб на героите. Някои букви (ф, С, Y, р, р, е) частично извън минимума.
Ако елементът не е базова линия (като, например, изображения или блокови елементи) след това действа в качеството си на външния край на областта на дъното (марж-долу).
Основна таблица клетъчна линия - е основната линия на първия си ред от текста или първия блок (в зависимост от това, което е в началото). Ако такъв текст блок или не, това е най-долната част на клетката.
Базов брой HTML-маса - изходен общ за всички клетки на тази серия.

тип на имота

Тя се отнася за: интегрирани (линейно ниво) елементи, клетка от таблица (. ) И показване на елементи с еднаква маса клетка.

Стойността на вертикалните подравняване свойства е показател за вертикалния елемент за подравняване по следните начини.

изходното - привежда основен елемент по отношение на основната линия на нейната родителска линия.
средна - привежда среден елемент вертикално от базовата линия родител плюс половин х височината на родителя, където х височина - е височината на малки х. Имайте предвид, че в този случай е необходимо средата на самия елемент, а не неговите възможни потомък елементи (които могат да бъдат по-високи), тъй като х-височината на родителя.
под - линия отклонява базовия елемент на по-ниско ниво на индекса на контейнера майка, но размерът на елемента на шрифта по този начин остава непроменена.
супер - отклонява базовия елемент линията на нивото на горната част на индекса на контейнера майка, но размерът на елемента на шрифта по този начин остава непроменена.
текст-отгоре - изравняване на горния елемент на върха на най-високата точка на символа на родител текст. Имайте предвид, че в този случай подравнен точно отгоре на самия елемент, а не в началото на възможните елементи на наследен (които могат да бъдат по-високи), както и в горната част на родител.
текст дъно - елемент подравняване дъно най-ниската точка на героите на родител текстови.
отгоре - изравняване на горния елемент, но с оглед на неговите потенциални наследници на най-високата точка на горния елемент в линия (а не на майка).
отдолу - долната изравняване елемент, но като се вземат предвид възможните наследници най-ниската точка на линията.
Размер - вертикално изместване спрямо линията майка базовата член посочен в относителни или абсолютни стойности, взети в CSS, например, пиксела (пиксела), точки (PT), cm (см), и т.н. Когато тази отрицателна стойност се измества надолу елемент, и положителен - нагоре, т.е. стойността 0 е еквивалентно на базовата линия.
Процент - вертикален относителна член изместване на основната линия майка, процента (%), където 100% се приема за линия височината на самия елемент, не си майка. Когато тази отрицателна стойност се измества надолу елемент, и положителен - нагоре, т.е. стойността на 0% е еквивалентно на базовата линия.
наследи - наследи вертикално подравняване на стойността на майка елемент.

Въпреки това, за маса клетки може да се използва ограничен набор от вертикално подравняване стойности. които имат следните значения:

изходното - привежда основата на клетъчна линия с базовата линия на серия, в която се намира. Ако клетката се комбинира и се състои от няколко реда, след това се базовата линия на първия ред.
отгоре - в началото на съдържанието на клетката е подравнен по отношение на горната му част.
средна - центъра на съдържанието на клетката е подравнен по отношение на нейния център.
отдолу - дъното на съдържанието на клетка е подравнен по отношение на дъното.

влизане интереси: Онлайн височина по отношение на самия елемент.

Стойност по подразбиране: изходно ниво.

Въпреки че спецификациите на CSS на тази, а не казват, но браузъри по подразбиране уеднаквяване на съдържанието на клетките в зависимост от вертикалата приведе в съответствие със стойност средната, което означава, че спецификацията HTML.

Пример CSS: използва вертикално подравняване

Резултати. Използване на свойствата на CSS вертикално подравняване в браузъра Opera.