Flexbox第一线包装

时间:2017-08-26 20:01:59

标签: html css css3 flexbox

如何编辑call symputx(cats('out1_',var),out1); call symputx(cats('out2_',var),out2); call symputx(cats('ss_',var),ss); 的第一行?

以下是我想要实现的示例,在调整大小时,第一行包装有一些空格或flex-wrap之后:

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以使用以下解决方案:



div.container {
  display:flex;
  flex-wrap:wrap;
  width:25%;
}
div.container div:first-child {
  margin-bottom:60px;
}
div.container div {
  border:1px solid red;
  height:50px;
  width:50px;
  margin:5px;
}

<div class="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>
&#13;
&#13;
&#13;