为什么此图像不以自动边距为中心?

时间:2012-05-17 13:06:19

标签: css margin

本页顶部http://54.251.57.136/的徽标图片应以:

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

...但它没有,我无法弄清楚为什么。任何帮助都会很棒。

4 个答案:

答案 0 :(得分:3)

取下浮动:从logo-img左侧并添加text-align:center

答案 1 :(得分:2)

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

答案 2 :(得分:0)

您正在浮动图像包装器,如果您调整css,则可以将其居中:

添加到您的 .logo-img

text-align: center;

从你的 .logo-img 中删除

float:left;

您需要知道什么:

  • 浮动元素脱离正常文档流,因此margin:0 auto;不适用。你需要删除它。
  • margin:0 auto;标记上的
  • .logo-img是不够的,您需要添加 text-align:center;允许图片居中。

答案 3 :(得分:-1)

  1. 您的logo-img类有一个浮点数:左
  2. 如果您希望自动居中并使用margin:auto,则必须在div上声明宽度。在这种情况下宽度:572px