IE的margin居中问题几种解决办法

时间：2022-06-25 11:14:31 编辑：袖梨来源：一聚教程网

自从开始使用vim写wiki后，又折腾了一个感觉还不错的样式。但是在IE中却出现了样式不兼容的情况：一个自定义的标签总是不能居中，而且css样式中写的圆角没效果。因为平时较少使用IE所以一直不在意，没有去改它。今天有空好好搜索了一番，原来这个问题很好解决。

使用 myeclipse 开发，不管前台后台，因为 myeclipse 生成的 jsp 文件 DOCTYPE 文件头不包含 "http://www.**w*3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" dtd 文件，使得我一直认为 IE 不支持 margin 居中，再加上一个学 C# 的童鞋也是建议我不要一直使用 margin 居中，IE 对 auto 解析的不够好

解决办法是

在 DOCTYPE 中加上 "http://www.**w*3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 如下一段简单的代码便可在主流浏览器中居中，包括IE6：

margin auto

我的内容

还有的解决办法就是使用 XHTML 文件头：

margin auto

我的内容

其它办法补充

解决方法一

可以是对网页主体

声明文本居中，即body{text-align:center}
即:

margin: 0 auto 内容居中显示

解决方法二

其实和解决方法一差不多，只是在要居中的div外层添加多一个div,并使其居中
即：

margin: 0 auto 内容居中显示

推荐专题

最新下载

热门教程

IE的margin居中问题几种解决办法

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程