我在div中有一些居中的内容。它在Firefox / Chrome中显示得很好。在IE6中,内容扩展到div以外的整个浏览器窗口。知道是什么导致了这个吗?
答案 0 :(得分:1)
要做的是在父div上设置text-align:center,例如body,以便您的内容div在IE6中居中。
然后在内容块上使用margin:auto以确保div在更好的浏览器中居中。
body {
text-align: center;
}
#content {
width: 500px;
margin-left:auto;
margin-right:auto;
}
答案 1 :(得分:0)
确保您在页面顶部有doctype定义。否则,IE6将以怪癖模式打开页面,这可以搞砸各种东西...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
答案 2 :(得分:0)
&lt; center&gt; tag已弃用。你应该这样做:
<div style="text-align:center; margin: 0 auto; width: 400px;">
</div>
这样你将拥有集中的内容。
答案 3 :(得分:0)
我已经定义了doctype,我将内容集中在CSS上。