css - 将 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 (vertical & Horizo​​ntal) inside a large div

2. 您可以将margin:TOP RIGHT BOTTOM LEFT赋予内部内容（img、div、section 等）。