css - DIV 在 Chrome/Firefox 中居中很好，但在 Safari 中不居中

Question

我正在使用 Twitter Bootstrap 并构建了页面，并且在 Chrome 中一切看起来都是正确的。但是在 Safari 中查看时，上面提供的代码的底部 div 不是居中对齐的。

浏览器呈现的内容

- 更新 -

width好的，我认为由于某种原因，我将其范围缩小到与 Chrome 和 Safari 不同的css 属性？

我已经将整个东西包裹在一个名为paraWrapper.

上面的代码在 Chrome 中可以正常显示，但在 Safari 上不合适。

如果我将宽度更改为类似的东西，720px那么它在 Safari 中看起来不错，但在 Chrome 中不合适。

所以我想我现在的问题是。有谁知道为什么会有这种差异？

我想我可以通过使用 CSS hacks 来解决这个问题，但如果我可以修复我的代码以获得更永久的修复，那就太好了！

score 0 · Accepted Answer

如果您遇到兼容问题，请务必指定您的 div 的边距和填充，即使它是 0。

padding: 0;
margin: 0;

score 0 · Accepted Answer

当你使用行时，你应该使用这个：

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

请记住使用带有类行的 div，并在其中使用带有 spanX 类的 div，其中所有跨度的 X 总和为 12

并且不要使用 center 属性。Bootstrap 为你做的。查看此示例中的代码

2 回答 2