Свойство align-items определяет стандартное выравнивание элементов, расположенных внутри флекс-контейнера.
Совет: Для переопределения свойства используйте свойство align-Self каждого элемента align-items.
| Значение по умолчанию: | Стрейч |
| Inherited: | no |
| Animatable: | no. |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.alignItems="center" |
Поддержка браузера
| Свойство: | align-items |
| Chrome | 21.0 |
| Explorer/Edge | 11.0 |
| Firefox | 20.0 |
| Safari | 9.0 /7.0 -webkit- |
| Opera | 12,1 |
Синтаксис CSS
align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;
Значения свойств
| Значение | Описание |
| stretch | По умолчанию. Элементы растягиваются по размеру контейнера |
| center | Элементы разположены в центре контейнера |
| flex-start | Элементы разположены в начале контейнера |
| flex-end | Элементы разположены в конце контейнера |
| baseline | Элементы разположены в базовой линии контейнера |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |