如何將此頁面居中？

我正在創建一個投資組合，並且想知道如何讓它在瀏覽器頁面上居中。它的聯繫是 http://optiq-portfolio.zxq.net/portfolio.html 如何將此頁面居中？

我嘗試添加

margin-left:0 auto; 
margin-right:0 auto;

的身體在CSS，但不工作。我怎樣才能解決這個問題？

2013-07-01 Optiq

你不想爲你的身體添加邊距，處理這個問題的正確方法是使用容器元素margin: 0px auto; text-align:left;。在你的身體元素，你會想要text-align:center;。

其餘的代碼應該包含在容器元素中。

這會將您的頁面置於大多數現代瀏覽器中。

2013-07-01 22:26:22 SnowInferno

還有比這更多的東西。您需要定義一個包裝div，然後使用margin: 0 auto

例如，如果您的body定義爲width:1000px;，它將已經居中。當然，這會弄糟你剩下的東西。

margin-left: 0 auto也是無效的。

2013-07-01 22:28:00 romo

正如其他人所說，你需要創建一個包裝容器，以便它包含你的主要內容。然後用CSS指定固定寬度和自動水平邊距。 David Walsh在他的博客文章Horizontally Center Your Website Structure Using CSS中有很好的解釋。

HTML

<html> 
<head> 
    <title>My Site</title> 
</head> 
<body> 
<div id="wrap"> 

     <!-- WEBSITE GOES HERE --> 

</div> 
</body> 
</html>

CSS

#wrap { 
    width: 900px; 
    margin: 0 auto; 
}

2013-07-01 23:04:20

margin-left: 0 auto;和margin-right: 0 auto;是無效的CSS屬性。

你可以做一些像margin:0 auto;這將設置頂部和底部爲0和左右自動。

2013-07-02 00:32:25

回答