html flex作业,html – flex容器中的等高行

如您所见，第一行中的列表项具有相同的高度。但是第二行中的项目具有不同的高度。我希望所有物品的高度均匀。

有没有办法实现这一点，而不给出固定高度，只使用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%;

}

• 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