Имоти вертикално подравняване - CSS свойства

Вертикално подравняване собственост определя вертикалното подравняване на елемента.

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

Този имот се отнася и за вградените елементи и трапезни клетки (тагове и ).

Не всички браузъри показване на правилното използване на този имот с някои от ценностите.

- изходното - привежда базовия елемент линията на базовата линия на елемента майка,

- средна - елемент център вертикално подравнени с базовата линия на родителя + половината от височината на елемента майка,

- текст-отгоре - подравнява горната граница на елемента - в горната част на най-високия ред елемент,

- текст дъно - подравнява долната граница на елемента - в долната част на линията, елемент се намира под всичко,

- отгоре - подравнява горната граница на елемента - горната гранична линия,

- отдолу - подравнява долната граница на елемента - в долната гранична линия,

- супер - елемент се появява като горен индекс. размер на шрифта не се променя,

- под - позиция се показва като долен индекс. размер на шрифта не се променя,

- положително число в единици, приети в CSS (повече тук.). Положителната стойност - елемент се премества нагоре, отрицателна стойност - елемент се премества надолу в сравнение с базовата линия,

- наследи - тя се дава стойността на елемента родител.

Стойностите, които се използват за привеждане елементи вертикално в клетки от таблица:

- изходното - привежда основата на клетъчна линия с базовата линия на серия, в която се намира,

- отдолу - привеждане на съдържанието на долния ръб на клетката,

- средна - подравняване на съдържанието на клетката до нейния център,

- най - привеждане на съдържанието на горната част на клетката,

- наследи - тя се дава стойността на елемента родител.

стойност по подразбиране

- изходното - по отношение на елемент родител или текст,

- средно - в клетките на таблицата.

Пример 1 - вертикално подравняване имот

Местоположението по подразбиране - изходно ниво.

Местоположението по подразбиране - изходно ниво.

Element център се намира в центъра на текста - средна.

Долната граница на елемента се изравнява в съответствие границата на долния - отдолу.

Долната граница членът подравнени в долната част на линията, елемент се намира под всичко - текст дъно.

горни супер

долен подводница

Пример 2 - собственост на вертикално подравняване по отношение на Таблица Клетките

Изравнете Top.

Привеждане в средата.

Изравнете дъно.

Подравняване на базовата линия.

Изравнете Top.

Привеждане в средата.

Изравнете дъно.

Подравняване на базовата линия.

Така че, с най-добрите стойности. дъното и среден прости, и аз мисля, че тук имате трудност не възниква.

Друго нещо - стойността на изходно ниво. Трябва да има нещо, което да се обясни.

Baseline - една въображаема линия, която минава покрай долния ръб на героите. Това се отнася до текста.

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

Изходна клетка в таблицата съвпада с основната линия на първия ред или първата текстовия блок, разположен в клетката (в зависимост от това, което е в началото). Или това е на дъното на клетката, ако тя бъде лишена от съдържание.

Ако ред на таблицата на няколко клетки, основната линия ще бъде общият брой на всички свои клетки.

Пример 3 - Свойството на вертикално подравняване по отношение на маса клетки. Началната стойност

В първия случай, броят на базовата линия същото като основна клетъчна линия с голям Penguin - т.е. базовата линия на изображението. Между другото, опитайте да добавите в долното поле на изображението (долна граница собственост), а след това от основната линия, пада до стойността на вдлъбнатината.

Във втория случай голям Penguin заличава линия и базовата линия до базовата линия с Penguin малки клетки.

И в третия вариант, основната линия на серията съвпада с основата на клетъчната линия с голям текст, това е, с основната линия на първия ред от текста в клетката.

базова стойност	Изходна		Изходна	базова стойност
базова стойност	Изходна		Изходна	базова стойност
базова стойност	Изходна		Изходна	Стойност. изходното ниво