пример
Сосредоточьте выравниваниях для всех элементов гибкого <div> элемент:
div
{
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
align-items: center;
}
Попробуй сам " Определение и использование
Свойство ALIGN-элементы задает выравнивание по умолчанию для элементов внутри гибкого контейнера.
Tip: Используйте Align-само свойство каждого элемента , чтобы переопределить свойство ALIGN-элементов.
| Значение по умолчанию: | stretch |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.alignItems="center" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа с последующим -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 | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS Ссылка: align-content property
CSS Справка: align-self property
HTML DOM ссылка: alignItems property