html - 保持 float div 以窗口调整大小 css 为中心

Question

我们能否仅使用 CSS 将 float 的 div 居中放置在调整窗口大小时的 div 中？

我的容器 div 是 100% 宽度，它包含 3 个固定宽度的 div。我需要在调整窗口大小时使内部 div 居中。

有什么方法可以仅使用 CSS 来做到这一点吗？

Answer 1

如果您发布一些代码，将会有所帮助。但盲目地我建议您将 div 设置为 display: inline-block 并将 text-align: center 添加到父容器。

示例 HTML

<div class="container">
  <div class="box"></div>
  <div class="box"></div>    
  <div class="box"></div>
</div>    

示例 CSS

.container{
  width: 100%;
  text-align: center;
}

.box{
  background: red; //random value
  height: 100px;  //random value
  width: 100px; //random value
  display: inline-block;
}

EXAMPLE FIDDLE