Question

我似乎无法获得一些代码。有点尴尬，因为它应该很简单。长话短说，我试图让图像居中，而不是合作。相关代码如下。

非常感谢

HTML：

<div class="Room">

    <div class="Wall">
        <img src="Rooms/NorthBlank.JPG" border="0" />
</div>
</div>

CSS：

.Room {
margin: 0px;
padding: 0px;
border: none;
position: fixed;
top: 0px;
left: 0px;
}

.Wall {
display: block;
margin: auto;
}

Answer 1

将固定div的宽度设为100％，然后将text-align:center添加到内部div。

<强> jsFiddle example

.Room {
    margin: 0px;
    padding: 0px;
    border: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
}
.Wall {
    margin: auto;
    text-align:center;
}

图像无法正确居中

1 个答案: