`

div IE居中

 
阅读更多
div样式在IE下margin:0 auto不居中多种解决方法
2012-06-29 00:48:18 | 1934次阅读 | 评论：0 条 | itokit 
正常情况下需要将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"> 


分享到：
Spry选项卡，iframe子页面调用父页面js函数 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics