css - 如何通过 css 使图像 .logo 居中？

Question

我在内容管理上做了一个图像作为标志，我尝试以多种方式将其居中，之前也替换了一些浮动。这是不可能的。

这是 exensivefree 主题中 style.css 的原始内容，我希望这是正确的地方：

header {
width:100%; 
margin:auto auto; 
z-index:101; 
padding:7px 0 12px 0; 
}

h1 {
display:inline-block; 
z-index:100;
}

.logo {
margin:25px 0px 10px 0;   
font-size: 24px; 
line-height:30px; 
font-weight: bold;
}

nav { }

Answer 1

您需要为元素提供固定宽度并将边距设置为自动。

.logo {
  width:100px;
  margin: 0 auto;
}

这使得浏览器计算元素的左右边距相等，因此将其放置在页面的中心。