如何居中整頁？

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>