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/

Answer 2

您的text-align: center只是将文本放在div中心。您需要使用以下

对div进行居中

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

Answer 3

将margin: 0 auto;添加到myDiv CSS