中心图像不起作用？

Question

我可能会发疯,但我似乎无法找出我做错了什么.我只是想把我的形象集中在一起.

<div class="container ">
    <img src="design/images/logo.png" alt="logo" class="logo" />
    <div class="contactData">
        data
    </div>
</div>

这是我的CSS:

.container {
    max-width: 978px;
    width: calc(100% - 46px);
    height: 300px;
    margin: 0 auto;
    padding-left: 23px;
    padding-right: 23px;

.logo {
        width: 337px;
        height: 76px;
        margin: 0 auto;
        float: none;
    }

 .contactData {
        max-width: 206px;
        margin: 30px auto 0 auto;
        text-align: center;
        float: none;
  }

contactData div中心很好,但图像没有.

Answer 1

加入display:block;你的.logo

这应该可以解决它