0

此页面顶部的徽标图像http://54.251.57.136/应居中：

.logo-img {
    margin: 0px auto;
    display: block;
}

...但它没有，我不知道为什么。任何帮助都会很棒。

4

4 回答 4

3

去掉 float: left from logo-img 并添加 text-align: center

于 2012-05-17T13:12:36.017 回答
2

您的 div 有一个 .logo-img 类，它设置为 float:left。（并且它需要一个固定的宽度才能使居中工作）

于 2012-05-17T13:09:22.953 回答
0

您正在浮动图像包装器，如果您调整 CSS，您可以将其居中：

将此添加到您的 .logo-img

text-align: center;

从您的 .logo-img 中删除它

float:left;

你需要了解什么：

  • 浮动元素脱离了正常的文档流，因此margin:0 auto;不适用。您需要将其删除。
  • margin:0 auto;上.logo-img标签是不够的，您需要添加 text-align:center;以使图像居中。
于 2012-05-17T13:15:18.070 回答
-1
  1. 你的 logo-img 类有一个浮点数：left
  2. 如果你想让它自动居中，你必须在 div 上声明宽度：自动。在这种情况下宽度：572px
于 2012-05-17T13:12:02.133 回答