div在FF中可以居中在IE8中居中不了 css margin:0px auto;
我在chrome和firefox中看都没有问题，在IE8中就居中不了啦，css代码很简单
<html>
<head>
<title>div居中</title>
<style type="text/css">
<!--
.juzhong {margin:0px auto; width:800px; height:200px; border:1px solid #ccc;}
-->
</style>
</head>
<body>
<div class="juzhong">just have a test</div>
</body>
</html>
在html代码最上面加上这句声明：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这样，IE才能正确解析！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这样，IE才能正确解析！
温馨提示：内容为网友见解，仅供参考
第1个回答 2011-01-24
这是一个很基础的问题。主要还是因为IE跟firefox不兼容的问题。以下是我帮你改好的。仔细看看吧。希望对有帮助。别外以后做网页还是要带上头部w3c的申明。祝你学习愉快！！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div居中</title>
<style type="text/css">
<!--
body{text-align:center;}
.juzhong {text-align:left; margin:0px auto; width:800px; height:200px; border:1px solid #ccc;}
-->
</style>
</head>
<body>
<div class="juzhong">just have a test</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div居中</title>
<style type="text/css">
<!--
body{text-align:center;}
.juzhong {text-align:left; margin:0px auto; width:800px; height:200px; border:1px solid #ccc;}
-->
</style>
</head>
<body>
<div class="juzhong">just have a test</div>
</body>
</html>
第2个回答 2011-01-24
别说ie8了，估计就没一个可以居中的，你还是1楼说的那个替换了吧~~不然你还真怎么都居中不了
相似回答
