div居中问题：
1.div默认是宽度最大化的，位置默认也就是居上偏左，设定居中margin:0 auto;的时候必须要再设定一个宽度，否则是无法居中的
2.margin:0 auto 是设置当前层在父级层中居中，如<div><div style="margin:0 aotu;"></div></div>即是设置内层div在外层
div中居中。
3.css文件中的注释<!-- -->最好不要写， 首先，IE会不认识这是注释符号，被注释的内容同样会生效。另外其他浏览器虽然知道
这是注释，但还是会有其他影响，比如我的就导致我div层无法居中。
4.margin:0 auto居中方式IE不识别，其他浏览器都识别,这个只会保证层的居中，而不会使文字居中；而text-align:cengter;IE可以让div中的div居中，也可以让
div中的文字居中，并且可以让div中的div中的div在第二层div中也居中，而其他浏览器中，只能让文字居中，而不能让层居中。
例：
<html>
<head><title>测试</title></head>
<body>
<div style="background-color:blue;width:100%;" id="1">
<div style="background-color:green;width:60%;margin:0 auto;" id="2">
<div style="background-color:red;height:20%;width:60%;" id="3"></div>
</div>
</div>
</body>
</html>
这个除IE浏览器外，其他浏览器显示结果：id为2的层会在id为1的层中居中，但2中的文字"我不会居中"并不会在层2中居中对齐。IE浏览器中不会居中
<html>
<head><title>测试</title></head>
<body>
<div style="background-color:blue;width:100%;text-align:center;">
<div style="background-color:green;width:60%;">我不会居中
<div style="background-color:red;height:20%;width:60%;"></div>
</div>
</div>
</body>
</html>
这个在IE中，层2会在层1中居中，并且层2的文字也会在层2中居中对齐。而其他浏览器中，层2不会在层1中居中对齐，但是层2中的文字会在层2中居中对齐。
1.div默认是宽度最大化的，位置默认也就是居上偏左，设定居中margin:0 auto;的时候必须要再设定一个宽度，否则是无法居中的
2.margin:0 auto 是设置当前层在父级层中居中，如<div><div style="margin:0 aotu;"></div></div>即是设置内层div在外层
div中居中。
3.css文件中的注释<!-- -->最好不要写， 首先，IE会不认识这是注释符号，被注释的内容同样会生效。另外其他浏览器虽然知道
这是注释，但还是会有其他影响，比如我的就导致我div层无法居中。
4.margin:0 auto居中方式IE不识别，其他浏览器都识别,这个只会保证层的居中，而不会使文字居中；而text-align:cengter;IE可以让div中的div居中，也可以让
div中的文字居中，并且可以让div中的div中的div在第二层div中也居中，而其他浏览器中，只能让文字居中，而不能让层居中。
例：
<html>
<head><title>测试</title></head>
<body>
<div style="background-color:blue;width:100%;" id="1">
<div style="background-color:green;width:60%;margin:0 auto;" id="2">
<div style="background-color:red;height:20%;width:60%;" id="3"></div>
</div>
</div>
</body>
</html>
这个除IE浏览器外，其他浏览器显示结果：id为2的层会在id为1的层中居中，但2中的文字"我不会居中"并不会在层2中居中对齐。IE浏览器中不会居中
<html>
<head><title>测试</title></head>
<body>
<div style="background-color:blue;width:100%;text-align:center;">
<div style="background-color:green;width:60%;">我不会居中
<div style="background-color:red;height:20%;width:60%;"></div>
</div>
</div>
</body>
</html>
这个在IE中，层2会在层1中居中，并且层2的文字也会在层2中居中对齐。而其他浏览器中，层2不会在层1中居中对齐，但是层2中的文字会在层2中居中对齐。
210
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
