css - 如何在 中水平和垂直居中 ？

Question

我不想让div居中，我想让div的内容居中。我想要水平和垂直对齐方式。

抱歉，如果这太简单或其他原因，但要做到这一点有点麻烦。

格雷

我正在使用 IE7

Answer 1

如果您知道图像的高度和宽度，请将其绝对定位，将 top/left 设置为 50% 并将 margin-top/left 设置为图像高度/宽度的一半negative。

#foo {
    position:relative; /* Ensure that this is a positioned parent */
}
#foo img {
    width:240px;
    height:200px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-120px;
    margin-top:-100px;
}

实例:http://jsfiddle.net/Zd2pz/