32 lines
2.7 KiB
Markdown
32 lines
2.7 KiB
Markdown
|
---
|
|||
|
|
title: Vertical Align CSS
|
|||
|
|
localeTitle: Вертикальное выравнивание CSS
|
|||
|
|
---
|
|||
|
|
## Вертикально-Align
|
|||
|
|
|
|||
|
|
`vertical-align` - свойство CSS, используемое для вертикального выравнивания изображения.
|
|||
|
|
|
|||
|
|
Например, вы можете быть `vertical-align` чтобы выравнивать изображение:
|
|||
|
|
```
|
|||
|
|
img {
|
|||
|
|
vertical-align: top;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Это допустимые значения для `vertical-align` :
|
|||
|
|
|
|||
|
|
* `baseline` - Значение по умолчанию. Он выравнивает элемент к базовой линии родительского элемента
|
|||
|
|
* `length` - эта привязка базовой линии этого элемента на заданной длине выше или ниже базовой линии родителя. Вы можете использовать пиксели, em,% и т. Д.
|
|||
|
|
* `sub` - Это выравнивает элемент так, как если бы он был индексом родительского элемента
|
|||
|
|
* `super` - Это выравнивает элемент так, как если бы он был надстрочным индексом родительского элемента
|
|||
|
|
* `top` - выравнивает элемент таким образом, чтобы вершина этого элемента находилась в соответствии с верхней частью самого высокого элемента на линии
|
|||
|
|
* `bottom` - это выравнивает элемент так, чтобы нижняя часть этого элемента была выровнена с нижней частью нижнего элемента на линии
|
|||
|
|
* `middle` - выравнивает элемент так, чтобы он находился в середине родительского элемента
|
|||
|
|
* `text=top` - выравнивает верхнюю часть этого элемента так, чтобы он был совмещен с верхней частью верхнего элемента родительского элемента
|
|||
|
|
* `text-bottom` - выравнивает нижнюю часть этого элемента так, чтобы он был выровнен с нижней частью текста родительского элемента
|
|||
|
|
|
|||
|
|
#### Дополнительная информация:
|
|||
|
|
|
|||
|
|
* [Выравнивание по вертикали по вертикали](https://www.w3schools.com/cssref/pr_pos_vertical-align.asp)
|
|||
|
|
|
|||
|
|
* [CSS-Tricks по вертикали](https://css-tricks.com/almanac/properties/t/text-align/)
|