html - 使用 css 在 html 页面中居中一个 id

Question

这是我的代码:

   <div id="content">   
        <div id="slider1">
            <div class = "content-dir">
                  <h1>Anno 2012</h1>
            </div>
        </div>
    </div>

我会将 slider1 居中。我使用了 margin: 0 auto 但它没有用。

应用于id content的样式只有height

Answer 1

使用:

#content {
    text-align: center;
}
#slider1 {
    width: 400px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

这适用于 IE 和现代浏览器。