围绕图像

Question

我想集中在这个网站上的标志：http://oliver.kaspertoxvig.dk/ 现在我已经设置

​​

但你可以看到它的不集中，它更右侧比左边的还要多。 我不明白为什么它不在中心。

Answer 1

替换此：

#header hgroup { 
    position: relative; 
    margin: 0 auto; 
    display: block; 
    max-width: 250px; 
    float: none; 
} 

Answer 2

你为什么要使用相对定位和浮动？您只需设置text-align: center即可。

Answer 3

使用left: 50%居中父母div中元素的左侧。如果要将具有固定宽度的元素居中（与您的情况相同），请在左侧添加一半宽度作为负余量，即margin-left -125px。这就是诀窍。