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

【字号: 日期:2024-06-05浏览:47作者:雯心

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

如下代码:复制代码代码如下:style type='text/css'#con{width:980px;martin:0 auto;}/stylediv 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;}/stylediv id='con'margin: 0 auto 内容居中显示/div

解决方法二其实和解决方法一差不多,只是在要居中的div外层添加多一个div,并使其居中即:复制代码代码如下:style type='text/css'#con{width:980px;martin:0 auto;}/stylediv style=text-align:centerdiv id='con'margin: 0 auto 内容居中显示/div/div

解决方法三出现这个现象的原因在于文档的DTD声明;修改DTD为复制代码代码如下:!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'a href='http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd/a'

相关文章: