html - 如何使用CSS将 Logo 放在中心

Question

在开始之前，我想为我糟糕的英语道歉。

我想在媒体查询后使用 css 将网站 Logo 放在中心(最大宽度:1100 像素)

有我的css & html

.logo { 
  width: auto;
  height: auto;
  float:left;
  padding:22.5px 0px 0px 10px;
}

<div class="logo">
  <img src="http://s3.amazonaws.com/libapps/accounts/27060/images/example.png" alt="example" class="logo"/>
</div>

请帮帮我 :( :D

Answer 1

也许这可以帮助你，只需将 img 设置为一个字符(内联 block )并居中对齐。

.logo { 
  width: auto;
  height: auto;
  text-align:center;
}

.logo img {
  display:inline-block;
} 

<div class="logo">
  <img src="http://s3.amazonaws.com/libapps/accounts/27060/images/example.png" alt="example" class="logo"/>
</div>

希望对您有所帮助!