Свойство alignContent
Пример style.alignContent
Расположите элементы гибкого элемента <div> с интервалом между строками:
document.getElementById("main").style.alignContent = "space-between";
Попробуйте сами »
Описание alignContent
Свойство alignContent выравнивает элементы гибкого контейнера, когда элементы не используют все доступное пространство на поперечной оси (по вертикали).
Совет: используйте свойство alignContent для выравнивания элементов по главной оси (по горизонтали).
Примечание: для того, чтобы это свойство имело какой-либо эффект, должно быть несколько строк элементов.
Синтаксис alignContent
Верните свойство alignContent:
object.style.alignContent
Установите свойство alignContent:
object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
Значение свойства alignContent
| Значение | Описание |
|---|---|
| stretch | Значение по умолчанию. Элементы растягиваются, чтобы соответствовать контейнеру |
| center | Элементы располагаются в центре контейнера. |
| flex-start | Элементы располагаются в начале контейнера. |
| flex-end | Элементы располагаются в конце контейнера. |
| space-between | Элементы располагаются с пробелами между строк. |
| space-around | Элементы размещаются с пробелами до, между и после строк. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали alignContent
| Значение по умолчанию: | stretch |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство align-content элемента. |
| CSS Версия | CSS3 |
Поддержка alignContent
style.alignContent функция CSS3 (1999).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |
Связанные страницы alignContent
CSS Справочник: Свойство align-content
HTML DOM STYLE Справочник: Свойство alignItems
HTML DOM STYLE Справочник: Свойство alignSelf
HTML DOM STYLE Справочник: Свойство justifyContent