如何将整页居中？

Question

如何将整页居中？ 我尝试添加我的object.css.css文件：

#content {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;

}

但那并没有帮助。我也尝试过：

.field
{
  margin:auto;
  width:70%;

}

但那不包括h1元素

感谢。 编辑：http://imgur.com/2fzfJ

Answer 1

这不是真正的Ruby on Rails问题，而是HTML / CSS问题。您的样式表应包含以下内容：

body {
    text-align: center;
}

当然，您的布局包含的任何其他内容都可能产生其他影响。

Answer 2

要使用margin:0 auto;页面上的元素居中并设置宽度，但要在要使用的元素中居中文本text-align:center;

Answer 3

为了使内容居中，我们首先将页面包装在div中，然后将#content置于该包装div中。

你的css看起来像：

 #wrapper {
      width: 100%;
      height: auto;
 }
 #content {
      margin: 0 auto;
      width: 700px;
 }

你的HTML看起来像：

 <div id="wrapper">
     <div id="content">
        Content Stuffs
     </div>
 </div>