css - livefyre 不会在页面上居中

Question

我在我的网站上使用 livefyre 评论框。我的网站设计为最大宽度为 980 像素。我将 livefyre 评论框也设置为 980 像素的最大宽度，但似乎无法让它在页面上水平居中。我试过使用 margin:0 auto; 和文本对齐：中心；我在http://www.romancestuck.com/test-pages/livefyre-center.htm设置了一个带有内联 CSS 代码的测试页面

谢谢你的帮助！

Answer 1

不建议基于 URL 的问题，下次发布代码，

对于当前的解决方案，添加这个

#livefyre-comments{
  width:60%;
  margin:0 auto;
}

问题是您的容器（#livefyre-comments在这种情况下）没有设置宽度，因此它占用了视口的整个可用宽度.....设置宽度然后设置边距将使事物居中，因为从逻辑上讲，您不能居中100% 宽的东西！！:)

Answer 2

将此添加到您的代码中：

 .fire { margin:0 auto; }

Answer 3

您只需要将主容器居中：

.fyre {
    margin: 0 auto;
}