2013-06-01 50 views
1

所以我已經恢復到基礎,試圖找出我做錯了什麼......問題爲中心元素

時,如果這是我的網頁:

<!doctype html> 
<html> 
<head> 
<style> 
    body 
    { 
     text-align: center; 
    } 

</style> 
</head> 

<body> 
<header> 
    <h1>Hello</h1> 
</header> 
</body> 
</html> 

IT中心是罰款,但如果我的風格

width: 960px; 

添加到車身造型,頭部元素左對齊,標題元素(「你好」)的內容只有標題元素本身的中心。

我不明白爲什麼這是,或如何解決它。

回答

1

你這樣做是完全錯誤的,離開身體,則使用一個div具有固定寬度的說960px和使用margin: auto;居中,所以標記/風格是這樣

<body> 
    <div class="wrap"></div> 
</body> 

html, body { /* Irrelevant here */ 
    width: 100%; 
    height: 100%; 
} 

div.wrap { /* This will make your div align center */ 
    width: 960px; 
    margin: auto; 
} 
0

做一個「包裝「的所有內容的div,並把width:960px; margin: auto;就可以了。