Свойство Align-content работает в одной строке. ⇐ CSS

Разбираемся в CSS
Anonymous
Свойство Align-content работает в одной строке.

Сообщение Anonymous »

Я изучаю Flex Box, и у меня проблемы со свойством align-content. Свойство не должно иметь результат, если есть одна строка, но в моем случае он есть, и я не могу понять почему.
В результате моя единственная строка элементов div находится по адресу конец моего контейнера.
Буду рад помощи.

Код: Выделить всё

.conteiner {
border: solid red;
display: flex;
flex-direction: row;
flex-wrap: wrap;
min-height: 500px;
justify-content: flex-start;
align-items: flex-start;
align-content:flex-end
}

.child {
min-height: 100px;
min-width: 100px;
background-color: lightblue;
margin: 10px;
}

Код: Выделить всё


1
2
3
4
5
6




Подробнее здесь: https://stackoverflow.com/questions/650 ... ingle-line

Вернуться в «CSS»