пример
Расположить выравнивания для всех элементов гибкой <div> элемент в начало контейнера:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; Попробуй сам " Определение и использование
Свойство alignItems задает выравнивание по умолчанию для элементов внутри гибкого контейнера.
Tip: Используйте Align-само свойство каждого элемента , чтобы переопределить свойство Align-элементов.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Webkit указать первую версию, которая работала с префиксом.
| Имущество | |||||
|---|---|---|---|---|---|
| alignItems | 21,0 | 11,0 | 20,0 | 7,0 Webkit | 12,1 |
Примечание: Safari поддерживает альтернативный, свойство WebkitAlignItems.
Синтаксис
Возвращает свойство alignItems:
object .style.alignItemsУстановите свойство alignItems:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| stretch | По умолчанию. Элементы растягиваются в соответствии с контейнером |
| center | Элементы расположены в центре контейнера |
| flex-start | Элементы расположены в начале контейнера |
| flex-end | Элементы расположены в конце контейнера |
| baseline | Элементы расположены на базовой линии контейнера |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | протяжение |
|---|---|
| Возвращаемое значение: | Строка, представляющая ALIGN-элементы Свойство элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: align-items property
HTML DOM СТИЛЬ Ссылка: alignContent property
HTML DOM СТИЛЬ Ссылка: alignSelf property
<Style Object