html - 如何使整页居中？

Question

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

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

}

但这没有帮助。我也试过：

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

}

但这不包括h1元素

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

score 2 · Accepted Answer

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

body {
    text-align: center;
}

当然，您的布局包含的任何其他内容都可以产生其他效果。

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

你的CSS看起来像：

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

你的 html 看起来像：

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

3 回答 3