html - 图像无法正确居中

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 示例

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