我正在尝试在我的网站上放置一些面板,但是无论何时我添加一个新的面板,面板之间都有一个巨大的间距,这不会消失..只有当我添加更多面板时才会最终平滑
我怎样摆脱这个?
截图
.page-case {
width: 375px;
height: 225px;
background: red;
margin: 5px;
}
.page-content-inner {
padding: 10px;
min-height: calc(100% - 65px);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
<div class="page-content-inner">
<div class="page-case">
</div>
<div class="page-case">
</div>
<div class="page-case">
</div>
<div class="page-case">
</div>
<div class="page-case">
</div>
</div>
解决我设置一个高度,使行之间的距离扩大。