html - 正确居中图像（边距自动？）

Question

我需要将徽标居中放置在内容框上方，并居中对齐。

目前，我使用以下代码：

#logo img {
margin: -12em 0 4em 17em;
}

虽然这适用于计算机，但它会在手机上中断。见截图。

如何在两个平台上获得我想要的功能？我试过margin: 0px auto;无济于事。

iPhone 预览

score 2 · Accepted Answer

2

你想让图像居中吗？那为什么#logo要float: left;在layout.css第89行设置呢？

于 2012-07-25T20:48:54.777 回答

score 0 · Accepted Answer

从#logo 中删除float: left，然后转到#logo img 并添加：

#logo img{
    margin-left: auto;
    margin-right: auto;
}

2 回答 2