如何显示不同数量的div?例如,第一部分有三个div,第二部分有两个。等宽div取决于宽度?
但它们需要是相同的宽度 - 所以div总是填充该部分,无论有多少个div。
DIV - DIV - DIV
DIV --------- DIV
我想我需要使用最大宽度?是对的吗?
section {
width: 960px;
background: grey;
}
div {
display: inline-block;
margin: 0;
height: 200px;
background: black;
width: 33%;
}
<section>
<div></div>
<div></div>
<div></div>
</section>
<section>
<div></div>
<div></div>
</section>
你试过最大宽度吗?不清楚你问什么,无论行上有多少div,填满所有相同宽度或所有行的div? –
@GCyrillus对不起 - 是所有的行填充 – James
所以roberto和mickael回答你,flex将通过柔性如果包裹设置和最小宽度来调整每行最大div的最大数量从一个单节完美管理这:) –