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

时间:2013-08-12 15:22:42

标签: css html

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

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

2 个答案:

答案 0 :(得分:0)

尝试使用:

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/

答案 1 :(得分:0)

有两种方法: -

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

  2. 您可以向内部内容(img,div,section等)提供保证金:右下方左侧