Во 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
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

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