English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство align-items устанавливает метод выравнивания по умолчанию для элементов в контейнере flex.
В таблице ниже приведены контекст использования свойства и история версий.
| Значение по умолчанию: | stretch |
|---|---|
| Применяется к: | Эластичный контейнер |
| Наследование: | Нет |
| Анимация: | Нет.См. также Анимационные свойства. |
| Версия: | Новая функция CSS3 |
| JavaScript синтаксис: | object.style.alignItems="center" |
Данная свойство имеет следующий синтаксис:
align-items: baseline | center | flex-start | flex-end | stretch | initial | inherit
Ниже приведен пример использования свойства align-items.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
}Проверьте это‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| baseline | Элемент расположен на базовой линии эластичного контейнера. |
| center | Элемент расположен в центре伸缩ного контейнера. |
| flex-start | Элемент расположен в начале flex-контейнера. |
| flex-end | Элемент расположен в конце flex-контейнера. |
| stretch | Растяните элемент, чтобы он подходил под伸缩ной контейнер. Свободное пространство распределяется между всеми элементами поровну. Это значение по умолчанию. |
| initial | Установите этот параметр в его значение по умолчанию. |
| inherit | Если указано, связанные элементы используют значение align-items от родительского элемента. |
Совместимость браузеров для свойства align-items, все основные браузеры поддерживают это свойство.
|
Внимание: Apple Safari 7 и выше поддерживают свойство align-items, но потребуется префикс -webkit-, например, -webkit-align-items: center;
Узнайте больше из следующих руководств:CSS Алинирование.
Связанные свойства:align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-flow,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.