Во Flexbox, как убедиться, что каждый элемент div имеет одинаковую высоту? ⇐ CSS

Разбираемся в CSS
Anonymous
Во Flexbox, как убедиться, что каждый элемент div имеет одинаковую высоту?

Сообщение Anonymous »

  • как видите, высота div7 и div8 меньше, чем у других. Как скопировать или убедиться, что все они имеют одинаковую высоту.

    Flexbox копирует самый высокий элемент div, но когда элемент перемещается вниз из-за отзывчивости, он больше не может наследовать значение высоты.
Изображение


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




.flex-container {
display: flex;
flex-wrap: wrap;
background-color: DodgerBlue;
}

.flex-container > div {
background-color: #f1f1f1;
width: 100px;
margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px;
}




Flexible Boxes



1

1
1
1
1
1

2
3
4
5
6
7
8





Подробнее здесь: https://stackoverflow.com/questions/793 ... ame-height

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