СSS Свойство 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 |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | 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 свойство
