如何使用浮动使 DIV 居中：左；在引导程序 3 中？

Question

我已经和这些东西斗争了一段时间，但无法弄清楚：

<div class="container">
  <div>
    <div style="float: left;">xxx</div>
    <div style="float: left;">xxx</div>
    <div style="float: left;">xxx</div>
  </div>
</div>

我无法将这 3 个 float: left; DIV 居中...（我不想为它们使用硬宽度）。

感谢您的建议。

Answer 1

尝试以下方法：

<div class="container">
  <div class="row">
    <div class="span4 offset4" style="float: left; text-align: center">xxx</div>
    <div class="span4 offset4" style="float: left; text-align: center">xxx</div>
    <div class="span4 offset4" style="float: left; text-align: center">xxx</div>
  </div>
</div>

另一种可能的解决方案是创建自定义类：

CSS：

.centered {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

HTML：

<div class="span4 offset4 centered"> xxx </div>