主要徽标难以居中

时间:2013-01-20 16:27:06

标签: css centering

我已经尝试了我能想到的每一个技巧,但我主页上的主要徽标绝对难以横向居中:

http://aksarbenribfest.bugs3.com/public_html/#!/page_home

它略微偏向右侧,这尤其值得注意,因为它位于居中的标题元素下方。

我感谢所有的帮助!

谢谢!

罗伯特 奥马哈,内布拉斯加州

1 个答案:

答案 0 :(得分:2)

这是因为容器部分#content的内容小于徽标本身

section #content {
  width: 940px;
}

.logo {
  width: 976px;
}

徽标向右溢出容器,由于容器居中,徽标显示在偏离中心。您可以通过使徽标更小或容器更大来解决问题