Строки одинаковой высоты в гибком контейнереCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Строки одинаковой высоты в гибком контейнере

Сообщение Anonymous »

Как видите, элементы списка в первой строке имеют одинаковую высоту. Но элементы во второй строке имеют разную высоту. Я хочу, чтобы все элементы имели одинаковую высоту.

Есть ли способ добиться этого, не задавая fixed-height и только используя flexbox?

Изображение


Вот мой код

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

.list {
display: flex;
flex-wrap: wrap;
max-width: 500px;
}
.list-item {
background-color: #ccc;
display: flex;
padding: 0.5em;
width: 25%;
margin-right: 1%;
margin-bottom: 20px;
}
.list-content {
width: 100%;
}

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

[list]
[*]

box 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

[*]

box 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

[*]

box 2
Lorem ipsum dolor

[*]

box 2
Lorem ipsum dolor

[*]

h1

[/list]



Подробнее здесь: https://stackoverflow.com/questions/360 ... -container
Реклама
Ответить Пред. темаСлед. тема

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

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

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

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

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Строки одинаковой высоты в гибком контейнере
    Anonymous » » в форуме Html
    0 Ответы
    17 Просмотры
    Последнее сообщение Anonymous
  • Ряды равной высоты в гибком контейнере
    Anonymous » » в форуме Html
    0 Ответы
    6 Просмотры
    Последнее сообщение Anonymous
  • Ряды равной высоты в гибком контейнере
    Anonymous » » в форуме CSS
    0 Ответы
    5 Просмотры
    Последнее сообщение Anonymous
  • Как сделать все элементы в **LazyVerticalGrid** одинаковой высоты без жесткого кодирования высоты?
    Anonymous » » в форуме Android
    0 Ответы
    26 Просмотры
    Последнее сообщение Anonymous
  • Аккордеоны в двухколоночном гибком макете: изменение высоты в одном столбце влияет на другой столбец.
    Anonymous » » в форуме CSS
    0 Ответы
    24 Просмотры
    Последнее сообщение Anonymous

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