将带有图像的div内的部分居中

Question

如何将<section>垂直和水平居中于div？

jsFiddle：http://jsfiddle.net/F3fhK/

Answer 1

尝试使用：

div section {
    color: #FFFFFF;
    background-color: #456087;
    position: absolute;
    top:25%;
    left: 25%;
    bottom: 25%;
    right: 25%;
    opacity:0.3;
    filter:alpha(opacity=30%);
}

JsFiddle：http://jsfiddle.net/nfLyR/

Answer 2

有两种方法： -

1. 请参阅此SO How to make an image center (vertically & horizontally) inside a bigger div

2. 您可以向内部内容（img，div，section等）提供保证金：右下方左侧。