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 在这种情况下)没有设置宽度，所以它占用了整个可用宽度视口(viewport)......设置宽度，然后设置边距将使事物居中，因为从逻辑上讲，你不能居中 100% 宽的东西! :)