我知道之前有类似的问题被问过,但我没有看到一个父级div宽度未知却有确定答案的问题。
这就是情况。
<style>
.parent {
width: 100%;
}
.child {
width: 300px;
float: left;
}
</style>
<div class="parent>
<div class="child></div>
<div class="child></div>
<div class="child></div>
<div class="child></div>
<div class="child></div>
<div class="child></div>
...
<div class="child></div>
<div>
基本上,我想把尽可能多的子div放在父容器中,以适应用户屏幕分辨率。
我不想使用css3媒体查询,因为我要支持IE7。
我尝试使用javascript来指定父容器的宽度,但这不是理想的解决方法,因为加载后内容会跳到中心。有什么好的建议吗?
ul { display: flex; justify-content: center; }
这会将无序列表的显示属性设置为Flex,并使项目在水平方向上居中对齐。 - reisio