正常情况下需要将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:centerdiv id="con"margin: 0 auto 内容居中显示/div/div
【ie下margin不居中的三种解决方法】解决方法三
出现这个现象的原因在于文档的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"
推荐阅读
- win8.1界面下启动IE 11浏览器metro版的实用小妙招
- IE浏览器怎么设置迅雷下载和自带下载器相互切换?
- window.onbeforeunload方法在IE下无法正常工作的解决办法
- ie css margin auto 不居中解决方案
- 迅雷APP设置同时下载任务数量的方法
- ie下$.getJSON出现问题的解决方法
- Win10系统下IE浏览器无法播放Falsh的故障原因及解决方法
- 高德地图APP下载离线地图的方法步骤
- 当下的力量经典语录
- 洗衣机不下水了怎么办