这样的CSS代码，为何内容不居中呢？

来源：百度知道 编辑：UC知道 时间：2024/06/14 01:34:35
有一网站，用IE6打开的时候，内容都是居中的。
用火狐3.5或者IE8 打开的时候 所有内容都是靠左的，请问怎么解决

CSS样式的开头是这样的
body {
font-family: 宋体;
font-size: 12px;
text-align: center;
color: #191919;
background-color: #EBF4EF;
margin: 0;
padding: 0;
}

body {
font-family: 宋体;
font-size: 12px;
text-align: center;
color: #191919;
background-color: #EBF4EF;
margin: 0;
padding: 0;
}
应该改为
body {
font-family: 宋体;
font-size: 12px;
text-align: center;
color: #191919;
background-color: #EBF4EF;
margin: 0px auto;
padding: 0;
}

加一个div标记把内容包起来，像这样：

<body>
<div>
这里输入你的文字
</div>
</body>

然后设置<div>的CSS样式

div { text-align: center; }

这样就可以了。

一个CSS布局的网页会用到很多的div标记，所以最好是加id来区别，所以上面的代码可以改为：

HTML代码：
<body>
<div id="wrap">
这里放置你的内容或者其他div标记。
</div>
</body>

CSS代码：
#wrap { text-align: center; }

更多的内容你可以参考w3school的在线教程

加一个div标记把内容包起来，像这样：

<body>
<div>
这里输入你的文字
</div>
</body>