IE浏览器解决margin:0 auto;不居中办法！-白红宇

IE浏览器解决margin:0 auto;不居中办法！

阅读量：5328 次

发布时间：2019-06-14

本文共 763 字，大约阅读时间需要 2 分钟。

一般情况下需要将div居中显示时，使用Css样式:margin:0 auto;或者margin:0 auto 1px;即可，但有时使用margin:0 auto后在firef、Chrome等浏览器里能居中，而在IE678里不居中的现象。

如下代码:

#con{width:980px;martin:0 auto;}

</style>

<div id="con">margin: 0 auto 内容居中显示</div>

解决方法一

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

即:

body{text-align:center}

#con{width:980px;martin:0 auto;}

</style>

<div id="con">margin: 0 auto 内容居中显示</div>

解决方法二

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

即：

#con{width:980px;martin:0 auto;}

</style>

<div style=“text-align:center”><div id="con">margin: 0 auto 内容居中显示</div></div>

解决方法三

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

修改DTD为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

转载于:https://www.cnblogs.com/hr2014/p/3855248.html

你可能感兴趣的文章

老罗将死，或者Android也将就换代，但是互联网的，共享，互助精神将永存

关于webpack升级过后不能打包的问题；

VS2017动态链接库（.dll）的生成与使用

查看>>

Python正则表达式

查看>>

OC中文件读取类(NSFileHandle)介绍和常用使用方法

查看>>

Linux进程间通信--命名管道

查看>>

UVa 10970 - Big Chocolate

set,env,export,set -x,set -e;