0

我想做的只是将我的 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 是一个引导类，意味着我的 div 大约是 720px 宽。

4

3 回答 3

3

为了让 div 彼此并排出现（并且基于我对 Twitter bootsrap 的了解），您的 div 很可能是浮动的。如果是这种情况，那么居中将变得非常尴尬。浮动和定心不混合。您最好的选择（考虑到您似乎希望将两个 div 恢复为非浮动状态）是执行以下操作：

<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>
于 2013-03-18T22:43:52.567 回答
1

只是一个想法，但你可以试试

position:absolute; left:50%; margin-left:-360px;}
于 2013-03-18T22:33:29.963 回答
0

为什么不在</br>每行末尾使用？这将导致中断而不会弄乱浮动。

于 2013-03-18T22:34:41.003 回答