Css 为什么此图像不使用边距自动居中?

Css 为什么此图像不使用边距自动居中?,css,margin,Css,Margin,此页面顶部的徽标图像http://54.251.57.136/应以以下内容为中心: .logo-img { margin: 0px auto; display: block; } 。。。但事实并非如此,我也不明白为什么。任何帮助都很好。您的div有一个class.logo img,设置为float:left。(需要一个固定的宽度才能进行定心)您的div有一个class.logo img,设置为float:left。(需要一个固定的宽度才能进行定心) 您的徽标img类有一个浮动:

此页面顶部的徽标图像
http://54.251.57.136/
应以以下内容为中心:

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

。。。但事实并非如此,我也不明白为什么。任何帮助都很好。

您的div有一个class.logo img,设置为float:left。(需要一个固定的宽度才能进行定心)

您的div有一个class.logo img,设置为float:left。(需要一个固定的宽度才能进行定心)

  • 您的徽标img类有一个浮动:左
  • 如果希望div自动居中且边距为:auto,则必须在div上声明宽度。在这种情况下,宽度:572 px
  • 您的徽标img类有一个浮动:左
  • 如果希望div自动居中且边距为:auto,则必须在div上声明宽度。在这种情况下,宽度:572 px

  • 从logo img上取下float:left并添加text align:center

    从logo img上取下float:left并添加text align:center

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

    将此添加到您的.logo img中

    将其从您的.logo img中删除

    您需要知道什么:
    • 浮动元素脱离了正常的文档流,因此
      margin:0
      汽车不适用。你需要移除它
    • margin:0自动.logo img
      标签上的code>不够,需要添加
      文本对齐:居中以允许图像居中

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

    将此添加到您的.logo img中

    将其从您的.logo img中删除

    您需要知道什么:
    • 浮动元素脱离了正常的文档流,因此
      margin:0
      汽车不适用。你需要移除它
    • margin:0自动.logo img
      标签上的code>不够,需要添加
      文本对齐:居中以允许图像居中

    OP还需要为该div添加一个宽度,以便使用边距居中。添加
    float:none
    不会改变任何内容。不要添加float:none,只需删除float:left;并为div指定与实际图像相同的宽度。当我无法访问包含该div的父样式表时,是否可以删除float:left?OP还需要为该div添加一个宽度,以便使用边距居中。添加
    float:none
    不会改变任何内容。不要添加float:none,只需删除float:left;并为div指定与实际图像相同的宽度。当我无法访问包含它的父样式表时,是否可以删除float:left?Firebug非常适合调试这些东西!谢谢@nico,我使用的是Chrome的开发工具,非常类似。Firebug非常适合调试这些东西!谢谢@nico,我使用的是Chrome的开发工具,非常类似。我如何在不修改继承自的父样式表的情况下去掉浮点数?添加浮点数:无;和文本对齐:居中;如何在不修改继承自父样式表的父样式表的情况下取消浮动;和文本对齐:居中;
    text-align: center;
    
    float:left;