css - div 不会以 normalize.css 为中心

Question

出于某种原因，当我将 normalize.css 添加到我的代码时，我的 div 不会在它的容器中居中。

<div id="wrap">
    <div id="myDiv">
    </div>
</div>

和

#wrap {
height:100%;
width:100%;
text-align:center;
}

#myDiv {
height:30%;
width:60%;
background:#999999;
}

jsfiddle:http://jsfiddle.net/msteeledunn/3xw1t6yo/

Answer 1

要水平居中，您只需为要放置在中心的 div 添加自动左右边距。 (这适用于所有带有 display:block 的元素，它是 div 元素的默认显示属性)

#myDiv {
  height:30%;
  width:60%;
  background:#999999;
  margin: 0 auto; /*Center horizontally*/
}

请记住，您需要设置宽度才能使其正常工作。以百分比或像素表示。

http://jsfiddle.net/3xw1t6yo/2/