样式margin:0 auto;在IE下不能使页面居中的解决办法

最美的词

于 2013-02-19 21:50:34 发布

阅读量1.8k

点赞数

分类专栏： web前端文章标签： div DIV 居中

本文链接：https://blog.youkuaiyun.com/huhui_cs/article/details/8592619

版权

4 篇文章

订阅专栏

今天在也前台页面的时候，使用margin:0 auto;样式，意思是top宽度为0，左右自动，但是在IE下页面死活不给我居中，但是在chrome下去能居中，代码如下：

.head{
	margin:0 auto;
	}

查了一下资料，不能居中的原因是DTD声明的问题，在页面修改DTD如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

由此，问题得到解决。

另外一个解决方案，在body中声明文本（仅限于文本居中）居中：

.head{
          body{text-align:center};
}