пример
Сделайте некоторое пространство между элементами гибкого <div> элемент:
document.getElementById("main".style.justifyContent = "space-between"; Попробуй сам " Определение и использование
JustifyContent свойство выравнивает элементы гибкого контейнера, когда элементы не использовать все доступное пространство на главных осях (horizontally) по (horizontally) .
Совет: Используйте свойство alignContent для выравнивания элементов на поперечной оси (vertically) по (vertically) .
Поддержка браузеров
Свойство оправдает-контент поддерживается в Firefox, Opera и Chrome.
Синтаксис
Возвращает свойство justifyContent:
object .style.justifyContent Установите свойство justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| flex-start | Значение по умолчанию. Элементы расположены в начале контейнера |
| flex-end | Элементы расположены в конце контейнера |
| center | Элементы расположены в центре контейнера |
| space-between | Элементы расположены с пространством между линиями |
| space-around | Элементы расположены с пространством до, между и после линий |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | Flex-старт |
|---|---|
| Возвращаемое значение: | Строка, представляющая оправдать содержание свойства элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: justify-content property
HTML DOM СТИЛЬ Ссылка: alignContent property
HTML DOM СТИЛЬ Ссылка: alignItems property
HTML DOM СТИЛЬ Ссылка: alignSelf property
<Style Object