CSS中如何实现div水平对齐？

CSS 中的水平 Div 对齐

使用 CSS 时，在容器内水平对齐 div 可能会带来挑战。默认情况下，如果浮动 div 的组合宽度超过父容器的宽度，即使容器的高度允许水平排列，浮动 div 也会垂直堆叠。

为了实现所需的水平对齐，我们可以在容器中使用内部 div足够宽以容纳所有浮动 div。

#container {
  background-color: red;
  overflow: hidden;
  width: 200px;
}

#inner {
  overflow: hidden;
  width: 2000px;
}

.child {
  float: left;
  background-color: blue;
  width: 50px;
  height: 50px;
}

<div>

在此解决方案中，#inner div 的宽度大于浮动 #child div 的组合宽度。因此，所有浮动的 div 在 #container div 内水平对齐，从而形成所需的布局。

以上是CSS中如何实现div水平对齐？的详细内容。更多信息请关注PHP中文网其他相关文章！