我正在寻找一种在Google Chrome浏览器页面中水平居中div的方法.
我尝试使用margin:auto; 但我已经读过谷歌浏览器不支持此功能.结果,我的div保持与屏幕左侧对齐.
如果我使用,例如,margin-left:100px; div确实移向页面的中心,但我不想手动居中.
HTML:
<body>
<div id="header">
<p>John Doe</p>
<p>email</p>
</div>
</body>
CSS:
body
{
background-color: #f0f0f0;
}
div
{
border-radius: 5px;
}
#header
{
position: fixed;
background-color: #3399ff;
color: white;
width: 60%;
margin: auto;
}
#header p
{
display: inline;
}