页⾯⽆法居中的原因
⽹页制作：margin:0 auto;⽆法居中解决⽅法
很多初学制作⽹页的朋友，可能会遇到的⼀个常见问题，就是在CSS中加了margin:0 auto；却没有效果，不能居中的问题！margin:0 auto；的意思就是：上下边界为0，左右根据宽度⾃适应！其实就是~~⽔平居中的意思，呵呵！⼩⼀在这⾥说两个典型的错误引起的不能居中的问题：
1、没有设置宽度
<div ></div>
看看上⾯的代码，根本没有设置DIV的宽度，如何根据宽度⾃适应呢？新⼿⽐较容易忽略的问题！
2、没声明DOCTYPE
①DOCTYPE是document type（⽂档类型）的简写，在web设计中⽤来说明你⽤的XHTML或者HTML是什么版本。要建⽴符合标准的⽹页，DOCTYPE声明是必不可少的关键组成部分！
②看看下⾯的代码，是不是很熟悉？像这样的，在⽂档最顶端，所有代码之上的乱七⼋糟的东西，就是⽤来声明DOCTYPE的！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
③你有三种选择，⽤来声明DOCTYPE
* 过渡的(Transitional)：要求⾮常宽松的DTD，它允许你继续使⽤HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
* 严格的(Strict)：要求严格的DTD，你不能使⽤任何表现层的标识和属性，例如<br>，完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd">
* 框架的(Frameset)：专门针对框架页⾯设计使⽤的DTD，如果你的页⾯中包含有框架，需要采⽤这种DTD，完整代码如下：
div中的div居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd">
④⾄于选择哪种。。使⽤过度的就可以了。。
说了半天，margin:0 atuo；不起作⽤，不能居中的话，看看你的⽂档最顶端有没有声明DOCTYPE，没有就复制粘贴⼀下，就可以了！
转⾃：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。