页面内容不会中心

我几乎不好意思问这个问题。这并不像我以前从未这样做 - 用我现在使用的确切代码！页面内容不会中心

对于我的生活，我不明白为什么一个新页面的内容不会在浏览器窗口中居中。

的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

页面内容不会中心

回答

相关问题