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>

如何用浮动中心DIV：左;在Bootstrap 3？

1 个答案: