html - 清除两者都是摆脱居中

Question

我只想让 div 居中，这是网页设计中最常见的事情。但出于某种原因，事实证明这是我参与过的最艰苦的努力。我的内联样式是这样的......

<div class="span10" id="about-div" style="margin: 0 auto; clear:both;">
  content
</div>

<div class="span10" id="other-div" style="margin: 0 auto; clear:both;">
  content
</div>

就是这样。它应该工作，但不知何故很清楚:两者都破坏了居中。 clear:both 是必需的，因为如果省略它，我的 div 将自动出现在同一行。我该如何解决？顺便说一句，span10 是一个 Bootstrap 类，这意味着我的 div 大约有 720 像素宽。

Answer 1

为了使 div 彼此并排显示(根据我对 Twitter bootsrap 的了解)，您的 div 很可能是 float 的。如果是这种情况，那么居中将变得非常尴尬。 float 和居中不会混合。最好的选择(考虑到您似乎想将两个 div 恢复为非 float 状态)是执行以下操作:

<div class="span10" id="about-div" style="margin: 0 auto; float:none;">
  content
</div>

<div class="span10" id="other-div" style="margin: 0 auto; float:none;">
  content
</div>