div在FF中可以居中在IE8中居中不了 css margin:0px auto;

最新推荐文章于 2022-03-05 00:20:52 发布

原创最新推荐文章于 2022-03-05 00:20:52 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie css 兼容问题

css 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个简单的CSS布局问题，在IE8浏览器中无法实现div元素居中的解决方案。通过在HTML文件顶部添加DOCTYPE声明，确保了IE8能够正确解析CSS并使div元素居中。

问题 ：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才能正确解析！