livefyre不会在页面上居中

Question

我在我的网站上使用了一个livefyre评论框。我的网站最大宽度为980px。我将livefyre注释框设置为最大宽度为980px，但似乎无法将其置于页面的水平中心位置。我试过使用margin：0 auto;和text-align：center;我在http://www.romancestuck.com/test-pages/livefyre-center.htm

设置了一个内联CSS代码的测试页面

感谢您的帮助！

Answer 1

不建议使用基于网址的问题，下次发布代码，

对于当前解决方案，请添加此

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

问题您的容器（在这种情况下 #livefyre-comments ）没有设置宽度，因此它占用了视图端口的整个可用宽度。 ...设置一个宽度，然后设置边距会使事物居中，因为从逻辑上讲，你不能把100％宽的东西放在中心！ ：）

Answer 2

将此添加到您的代码中：

 .fire { margin:0 auto; }

Answer 3

您只需要将主容器居中：

.fyre {
    margin: 0 auto;
}