如何通过CSS中心图像.logo？

Question

我在内容管理上制作了一个图像作为徽标，我试图以多种方式将其置于中心，之前也更换了一些花车。它只是不可能。

这是来自exrestfree主题的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;
}

这使得浏览器计算元素左侧和右侧的相等边距，从而将其放在页面的中心。