关于将元素居中，可能有很多方法 ，但是CSS钟爱的可能只有margin:0 auto了。
但有时候margin:0 auto;可能并不是万能的，有时候margin:0 auto;也不起作用；我遇到的有下列两种原因：
1，margin:0 auto;是要跟width:**px; 结合着用的。要不然默认的元素一般是将浏览器横向平铺，那样的话就无所谓居中了。给定所要居中的元素一个宽度（当然了，这个宽度还是要小于浏览器横向总像素的），例如：<div style="width:800px;margin:0 auto;height:200px;background:#ff0000;"></div>一般就可以看到效果了。
2，DTD类型，一般的CSS新手可能不会遇到这个问题，因为用DW编辑的时候默认的xhtml文件的顶部就会有一个声明，大家可以注意看一下，就是这个：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 但是有的DTD类型的并不是这样子的，如果你用过MyEclipse，你就会发现它的默认DTD类型是这样子的：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">关于这两者的差异在《编写高质量代码》中说的比较清楚，截图如下：
无图，大致意思是为兼容老浏览器有一种混乱模式，混乱模式不识别。需要DTD正常模式才可识别。
如果是DW那种的标准模式，margin:0 auto是没有任何问题的，但如果是我刚刚谈到的MyEclipse下面，它可能就不认auto属性了。具体标准模式，跟怪异模式还有什么其他的差异，希望大家共同探讨！
如果您的margin:0 auto， 已经满足了上述两点却依旧不起作用的情况欢迎留言共同探讨！
扫一扫
81
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
