在Wordpress网站上居中图像

Question

我正在尝试将徽标置于此网站的中心位置：http://oliver.kaspertoxvig.dk/ 现在我已经设置了

  #header hgroup {
  float: left;
  left: 50%;
  }

但是你可以看到它不是中心的，它的右边比左边的更多。 我无法弄清楚为什么它不在中心。

Answer 1

替换为：

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

Answer 2

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

Answer 3

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