Свойство стиля alignContent
Пример
Расположите элементы гибкого элемента <div> с интервалом между строками:
document.getElementById("main").style.alignContent = "space-between";
Определение и использование
Свойство alignContent выравнивает элементы гибкого контейнера, когда элементы не используют все доступное пространство на поперечной оси (по вертикали).
Совет. Используйте свойство justifyContent для выравнивания элементов по главной оси (по горизонтали).
Примечание. Чтобы это свойство имело какой-либо эффект, должно быть несколько строк элементов.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следует Webkit, указывают на первую версию, которая работала с префиксом.
Property | |||||
---|---|---|---|---|---|
alignContent | 21.0 | 11.0 | 28.0 | 9.0 7.0 Webkit |
12.1 |
Синтаксис
Верните свойство alignContent:
object.style.alignContent
Задайте свойство alignContent:
object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
Значения свойств
Value | Description |
---|---|
stretch | Default value. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
space-between | Items are positioned with space between the lines |
space-around | Items are positioned with space before, between, and after the lines |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | потягиваться |
---|---|
Возвращаемое значение: | Строка, представляющая свойство align-content элемента |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство align-content
HTML DOM STYLE Справка: свойство alignItems
HTML DOM STYLE Справка: свойство alignSelf
HTML DOM STYLE Ссылка: свойство justifyContent