Html 如何使用浮动将div居中：左；在引导3中？

我已经和这些东西斗争了一段时间，但我想不出来：

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

xxx
xxx
xxx

我无法将这3个浮动：左侧居中DIVs。。。（我不想对它们使用硬宽度）

谢谢您的建议。

尝试以下方法：

<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>

HTML:

xxx

尝试以下操作：

<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>

HTML:

xxx

尝试以下操作：

<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>

HTML:

xxx

尝试以下操作：

<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>

HTML:

xxx

给你的

.container

一些

宽度

并使用

边距：auto

给你的

.container

一些

宽度

并使用

边距：auto

给你的

.container

一些

宽度

并使用

边距：auto

给你的

.container

一些

宽度

并使用

边距：auto

我没有注意到的是--两个DIV在一行中相邻，而不是一行中的一个DIV。如果希望它们在一行中，只需使用

清除：两个
。这对你有用吗？我没有注意到的是--两个DIV在一行中彼此相邻，而不是一行中的一个DIV。如果你想让它们在一行中，只需使用
清除：两个
。这对你有用吗？我没有注意到的是--两个DIV在一行中彼此相邻，而不是一行中的一个DIV。如果你想让它们在一行中，只需使用
清除：两个
。这对你有用吗？我没有注意到的是--两个DIV在一行中彼此相邻，而不是一行中的一个DIV。如果你想让它们在一行中，只需使用
清除：两个
。对你有用吗？