我们有这个HTML和CSS代码.这包含装有不同尺寸div
个 children 的容器div
.
.cont {
background-color: red;
width: 1000px;
height: 500px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.item1 {
background-color: orange;
width: 100px;
height: 110px;
margin: 5px;
}
.item2 {
background-color: pink;
width: 100px;
height: 50px;
margin: 5px;
}
<div class='cont'>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item2"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item2"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
<a><div class="item item1"> </div></a>
</div>
这将导致:
正如您所看到的,行之间有很大的空间或间隙.如何删除它?
提前感谢.