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>

多数民众赞成。它应该工作，但不知何故清楚：两者都毁了中心。清除：两者都是必需的，因为如果省略，我的div将自动出现在同一行。我该如何解决？ Btw span10是一个bootstrap类，意思是我的div大约是720px宽。

Answer 1

为了让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>

Answer 2

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

position:absolute; left:50%; margin-left:-360px;}

Answer 3

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

清除两者正在摆脱中心

3 个答案: