Ряды равной высоты в гибком контейнереHtml

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

Сообщение Anonymous »

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

Есть ли способ достичь этого без предоставления фиксированного пожила и только использования flexbox ? src = "https://i.sstatic.net/kvxvj.png" /> < /p>

Вот мой код < /code> < /p>

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

.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%;
}< /code>
[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 » » в форуме CSS
    0 Ответы
    4 Просмотры
    Последнее сообщение Anonymous
  • Строки одинаковой высоты в гибком контейнере
    Anonymous » » в форуме Html
    0 Ответы
    17 Просмотры
    Последнее сообщение Anonymous
  • Строки одинаковой высоты в гибком контейнере
    Anonymous » » в форуме CSS
    0 Ответы
    7 Просмотры
    Последнее сообщение Anonymous
  • Primeflex равной высоты колонны
    Anonymous » » в форуме CSS
    0 Ответы
    27 Просмотры
    Последнее сообщение Anonymous
  • Сделайте p внутри строки равной высоты
    Гость » » в форуме CSS
    0 Ответы
    21 Просмотры
    Последнее сообщение Гость

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