在ie8中居div不起作用

Question

  

可能重复：
  Using “margin: 0 auto;” in Internet Explorer 8

我正在尝试使用margin: 0 auto;居中一个div我也明确地给它一个高度，但在我的特殊情况下，它不起作用。它适用于其他浏览器。有人可以告诉我为什么它不能在我的特定情况下工作？这是一个jsbin链接

http://jsbin.com/afukif/43/edit。

Answer 1

margin: 0 auto是关于元素的父级的。如果父级与目标的宽度相同，则margin: 0 auto;将不执行任何操作。在这种情况下，看起来父元素是body。在CSS中设置：

body, html {
    width: 100%;
}

在IE 8中测试：

http://jsbin.com/afukif/61/edit

Answer 2

在Internet Explorer中，您通常必须使用text-align:center;设置父元素，然后将内部元素对齐设置为左侧。 我不得不多次这样做，因为IE并不总能识别margin: 0 auto;。还要确保如果您使用margin: 0 auto;，则为要设置的元素设置宽度。否则它不知道如何计算边距。

Answer 3

尝试

margin-left：auto; margin-right：auto;