javascript - 如何居中div？

Question

我在 HTML 中将 div 居中时遇到问题(垂直和水平)。我的代码看起来像这样:

<div id="container">SOME HTML</div>

#container{
    width: 366px;
    height: 274px;
    margin: 50%;
    top: -137px;
    left: -188px;
    position:absolute;
}

只有 chrome 将此 div 置于屏幕中间。

Answer 1

这将使 <div> 居中横向:

#container{
    width: 366px;
    height: 274px;
    margin: 0 auto;
}

垂直居中不是很简单，你可能必须为此使用 javascript，或者你试试 this css solution .