提问者:小点点

如何让多个div“向下”浮动?


我现在的例子是(float left,div从左到右填充):

有没有办法改成这个? 可悲的是,没有“float:down”。


共1个答案

匿名用户

使用Flexbox非常简单:

null

.container {
  background-color: bisque;
  width:250px;
  height:400px;
  display:flex;
  flex-wrap: wrap;
  flex-direction:column;
}
.element {
  width: 90px;
  height: 90px;
  background-color: lime;
  outline: 1px solid grey;
  margin:10px;
  flex-shrink:0;
}

  
<div class="container">
  <div class="element">1</div>
  <div class="element">2</div>
  <div class="element">3</div>
  <div class="element">4</div>
  <div class="element">5</div>
</div>