我们在用flex布局的时候有时会用到justify-content:space-between
属性,这个属性是让弹性容器内的元素向两端对齐。
<div class="box">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
.box {
width: 1000px;
height: 700px;
background-color: #999;
display: flex