div样式在IE下margin:0 auto不居中多种解决方法

时间 2019-11-11

标签 div 样式 margin auto 居中多种解决方法栏目 CSS 繁體版

原文原文链接

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

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

以下代码:
html

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}
即:
spa

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,并使其居中
即：
code

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

XML/HTML Code 复制内容到剪贴板

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

相关文章

相关标签/搜索

三种方式解决

IE bug 解决办法

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<