頁面內容不會中心

我幾乎不好意思問這個問題。這並不像我以前從未這樣做 - 用我現在使用的確切代碼！頁面內容不會中心

對於我的生活，我不明白爲什麼一個新頁面的內容不會在瀏覽器窗口中居中。

的HTML我是這樣的：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Home</title> 

     <link type="text/css" rel="stylesheet" href="css/styles.css" /> 
    </head> 
    <body> 
     <div id="mainContainer"> 
      Main Content Goes Here 
     </div> 
    </body> 
</html>

這是CSS：

body { background-color: #EDEDC7; } 

#mainContainer { 
    width: 1000px; 
    margin: 0 auto; }

發生了什麼事是文本正在被從左側邊緣定位的方式約1/3我查看頁面的任何瀏覽器窗口。我知道樣式表是由網頁「找到」的，因爲背景顏色正在工作。

我在FF8，IE9，Chrome瀏覽器，Safari 5的檢查的話，Opera和龍的最新版本 - 即使是FF，Safari和Chrome Mac上！好吧 - 我知道，有點迷戀，但是我爲什麼不以中心爲中心。那麼我在這裏錯過了什麼？（也許有些愚蠢的小東西，我忘了，太...）

來源

2011-12-06 marky

它在Firefox中正常工作。你還想要中心文字嗎？ – Pradeep

沒有。這按預期工作。 – Quentin

哦，廢話 - 我在踢我自己 - Pradeep關於文本居中的問題做到了。我的div **被**爲中心 - 我只是沒有足夠的內容在div中看到它是中心的！ – marky

它工作正常，問題是，你的文本不居中。如果你添加文字對齊中心，它會以你期望的方式工作。

例如：

#mainContainter{ 
    width: 940px; 
    margin: 0 auto; 
    text-align: center; 
}

來源

2011-12-06 15:17:08 laymanje

如果要居中該容器，你需要把它放在一個單獨的DIV，格式化該分區（如果您的文本需要去）和居中的寬度內的文本。

在你的例子中它是居中的長度爲1000px的div，所以在代碼中沒有問題.. :)

來源

2011-12-06 15:20:13

頁面內容不會中心

回答

相關問題