Question

我正在尝试将1 #div框中间放置两个小#divs，位于屏幕/页面的正中间 - 理想情况下，所有分辨率和 IE 6 + ，最好的方法是什么？

margin:0 auto;

似乎是横向伎俩，但垂直呢？

Answer 1

如果您知道要居中的元素的大小，可以将以下CSS设置为水平和垂直居中：

#centered {
    position   : absolute;
    left       : 50%;
    top        : 50%;
    width      : 150px;
    height     : 200px;
    margin     : -100px 0 0 -75px;/*set the left and top margins to the negative of half the element's width and height (respectively)*/
    background : #000;
}

请注意，元素的父级需要将position设置为static以外的其他内容：

#container {
    position : relative;
    width    : 100%;
    height   : 100%;
    border   : 1px solid #000;
}

这是一个jsfiddle：http://jsfiddle.net/jasper/rcN3P/

P.S。我查了一下，这在I.E. 6。

Answer 2

我刚刚阅读了关于居中的css-tricks的这篇文章，它提供了一个使用伪元素的有趣方法，但你可以轻松地将这些元素添加到标记中（它不会是语义但它会起作用）。

http://css-tricks.com/14745-centering-in-the-unknown/

IE 6+页面的水平和垂直居中

2 个答案: