1
下面是一个例子:柔性容器宽度适合内容宽度与柔性包装:包装?
.wrap {
display: flex;
}
.wrap2 {
padding: 4px;
margin: 20px;
outline: 1px dashed;
display: flex;
flex-wrap: wrap;
max-width: 310px;
}
.box {
width: 40px;
height: 40px;
outline: 1px solid;
}
<div class="wrap">
<div class="wrap2">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</div>
,这里是我所需要的:
我试着换柔性容器与另一弯曲,但它没有工作。有没有CSS唯一的解决方案,或者我应该使用js来达到所需的结果?
.box的{柔性基础:计算值(100%/ 7);}此属性添加到盒类 – Noni