关于IE6中无法使用margin:0 auto居中的问题终极解决方案

来源：互联网发布：php获取unix时间戳编辑：程序博客网时间：2024/06/07 06:05

本人刚开始学CSS的时候也遇到过这类问题，网上搜索出来的答案大部分都是使用

text-align:center

属性，其实最简单的方法就是在html文件开始处添加doctype如下，

<!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">

这样子IE6下使用margin就能正常居中了。

新手可以在自己的文本编辑器里面添加带doctype的html模板，这样子方便以后使用。下面贴出我editplus里面的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>  <title> new document </title>  <meta http-equiv="X-UA-Compatible" content="IE=edge" /><!-- 防止IE8,7进入怪异模式 -->  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><!-- 设置编码 -->  <meta name="generator" content="" />  <meta name="author" content="" />  <meta name="keywords" content="" />  <meta name="description" content="" /> </head> <body>   </body></html>