定义位置内容Div溢出滚动

时间:2014-03-26 06:16:21

标签: html css html5 css3

是否可以在溢出的div中定义位置(中心),在本例中是图像div?

http://jsfiddle.net/KAy22/1/

#scroll-h-v {
    width: 300px;
    height: 300px;
    position: relative;
    overflow: auto;
}
.image {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

图像应该像这样在中心加载:

center image

1 个答案:

答案 0 :(得分:1)

你可以玩左上角和左边位置和边距属性,如下所示

.image {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top:50%;
    left:50%;
    margin-top:-500px;
    margin-left:-500px;
}

http://jsfiddle.net/KAy22/2/

希望它有所帮助!