Question

我遇到了一个问题，我肯定是我的错。我不能让div按照我想要的方式移动。我试图让Div GIS1直接居中在页面中间，但当我把它放在50％时，它会越过页面的中间位置。

#wrapper {
    width:100%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
}

#GIS1_text{
    vertical-align:middle;
}
#GIS1{
    margin-top: 10%;
    margin-left: 50%;
    width:50%;


}
#street_thumb{
    vertical-align:middle;
    max-height: 300px;
    max-width: 400px;

}

Answer 1

margin-left: 50%;

表示div从页面中间开始，而不是它居中。

尝试使用

margin: auto;

代替

Updated fiddle（div上显示整个大小的边框）

Answer 2

您可能正在寻找

margin-left: auto;
margin-right: auto;

在想要居中的div上。

Answer 3

只需在margin:auto中添加GIS1：

#GIS1
{
  margin:auto;
  width:50%;
}

请参阅Updated Fiddle

无法调整div位置？

3 个答案: