主页 / 建站知识 /

ie下margin不居中的三种解决方法

建站知识 2021-07-03 08:15www.168986.cn长沙网站建设

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

如下代码:

复制代码
代码如下:

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

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

复制代码
代码如下:

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

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

复制代码
代码如下:

<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为

复制代码
代码如下:

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

上一篇：淘宝导航栏css代码分享 下一篇：通过纯CSS样式实现DIV元素中多行文本超长自动省

长沙网站设计

Copyright © 2016-2026 www.168986.cn 狼蚁网络 版权所有 Power by