CSS align-items Свойство
Пример
Центрировать трассы для всех элементов гибкого элемента <div>:
div
{
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
align-items: center;
}
Определение и использование
Свойство align-items
задает выравнивание по умолчанию для элементов внутри гибкого контейнера.
Совет: Для переопределения свойства используйте свойство align-Self каждого элемента align-items
.
Значение по умолчанию: | stretch |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.alignItems="center" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -WebKit- укажите первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
align-items | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- |
12.1 |
Синтаксис CSS
align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;
Значения свойств
Значение | Описание | ||
---|---|---|---|
stretch | По умолчанию. Элементы растягиваются по размеру контейнера | ||
center | Элементы разположены в центре контейнера | ||
flex-start | Элементы разположены в начале контейнера | ||
flex-end | Элементы разположены в конце контейнера | ||
baseline | Элементы разположены в базовой линии контейнера | ||
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | ||
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справка: align-content Свойство
CSS Справка: align-self Свойство
HTML DOM Справочник: alignItems Свойство