柔性包装和间距/边距

时间:2017-05-24 15:46:15

标签: html css css3 flexbox

我正在尝试在我的网站上放置一些面板,但是无论何时我添加一个新的面板,面板之间都有一个巨大的间距,这不会消失..只有当我添加更多面板时才会最终平滑

我怎样摆脱这个?

截图

CLICK HERE

.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>

解决我设置一个高度,使行之间的距离扩大。

0 个答案:

没有答案