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