如何居中对齐浮动元素？
拉梅什·帕里克
我有一个包装器，里面有一系列盒子形式的 div。以下是我面临的一些问题。
当我调整窗口大小时，元素似乎左对齐。我如何集中对齐它们。
此外，另一个问题是 div 的大小略有不同，这会使它们错位。
.left_wrapper
{
max-width: 70%;
margin:0 auto;
float:left;
}
.boxa
{
background-color: #45e645;
display:inline;
position:relative;
left:4%;
float:left;
margin: 1% 1%;
padding:1%;
font-size: 85px;
text-align:center;
border:1px solid green;
}
<div class="left_wrapper" id="roll_nos">
<div id="box" class="boxa">01</div>
<div id="box" class="boxa">02</div>
<div id="box" class="boxa">03</div>
<div id="box" class="boxa">04</div>
.............
.............
.............
.............
</div>
正如所建议的那样，该问题不是上述问题的重复，尽管该问题（仅）类似于那里提出的问题。
接受和投票最多的答案不适用于我的情况，因为我希望在调整窗口大小时元素自动移动到下一行。感谢“@Niet the Dark Absol”，flex-wrap 解决方案正在努力使元素居中对齐，但仍然存在轻微的未对齐，#13 附近的红线突出显示了它。
BG布鲁诺
对于不同的 div 大小“红线对齐”，我建议添加：
.boxa {
min-width: 85px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何居中对齐包含浮动元素的div？
- 2
如何对齐居中浮动div？
- 3
如何居中包含左浮动元素的元素？
- 4
如何在底部对齐浮动元素
- 5
如何居中对齐多个DIV元素
- 6
如何居中对齐页面上的元素？
- 7
浮动元素顶部对齐
- 8
浮动元素顶部对齐
- 9
如何使用居中对齐对齐 div 内的左元素
- 10
如何在不考虑浮动元素的情况下居中？
- 11
如何在两个浮动元素之间完美地使浮动元素居中？
- 12
居中对齐SVG元素？
- 13
如果将整个页脚分为几个以div为中心且居中对齐的浮动div，该如何居中对齐？
- 14
如何将浮动元素与容器底部对齐
- 15
菜单对齐居中和浮动问题
- 16
如何居中对齐堆叠元素，以及如何水平拉伸？
- 17
垂直对齐浮动元素
- 18
垂直对齐浮动元素
- 19
垂直对齐浮动元素
- 20
垂直对齐的浮动元素
- 21
如何确保IMG在col-xs上居中对齐，以及如何使Divs在空间中间“浮动”？
- 22
如何使旋转的元素居中并将其与顶部对齐？
- 23
如何将文本与行内块元素垂直居中对齐
- 24
无论文本对齐如何，都将 div 元素居中
- 25
如何使用 flex 在标题中垂直居中对齐元素
- 26
如何设置浮动和非浮动元素垂直对齐到底部
- 27
CSS-如何实现“向左浮动”和“文本对齐：居中”的混合效果？
- 28
CSS-如何实现“向左浮动”和“文本对齐：居中”的混合效果？
- 29
元素未与div居中对齐
我来说两句