程序博客网 > 微信淘宝链接跳转

div样式在IE下margin:0 auto不居中多种解决方法

来源：互联网发布：微信淘宝链接跳转编辑：程序博客网时间：2024/05/17 09:11

正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。

正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。

如下代码:

XML/HTML Code 复制内容到剪贴板

<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>

解决方法一

可以是对网页主体<body>声明文本居中，即body{text-align:center}
即:

XML/HTML Code 复制内容到剪贴板

<style type="text/css">
body{text-align:center}
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>

解决方法二

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

XML/HTML Code 复制内容到剪贴板

<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div style=“text-align:center”><div id="con">margin: 0 auto 内容居中显示</div></div>

解决方法三

出现这个现象的原因在于文档的DTD声明；
修改DTD为

XML/HTML Code 复制内容到剪贴板

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

0 0

微信淘宝链接跳转

微信淘宝链接跳转

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子客厅手绘手绘怎么画建筑画手绘室内墙手绘手绘设计图学校手绘墙手绘简笔画人体手绘手绘学习网 0基础学手绘手绘pop 手绘板价格手绘自学酒店手绘墙儿童房手绘转手绘教程手绘男手绘技巧手绘文化墙卧室手绘手绘影视墙手绘家具手绘水彩比心手绘手绘花朵手绘园林手绘墙体手绘基础幼儿园手绘美甲手绘手绘字体古建筑手绘手绘少女手绘背景设计手绘图 ps手绘板手绘玫瑰花手绘人办公室手绘商业手绘创意手绘