在页面中如何设置居中呢？我们一般使用：text-align:center;可以使div中的内容居中 但不能使其背景居中，若要背景居中，可使此div自适应宽度居中。
下面我们对div居中这一课题，做一深入的探讨，希望对大家有所帮助。
1、没有设置宽度
看看上面的代码，根本没有设置DIV的宽度，如何根据宽度自适应呢？新手比较容易忽略的问题！
2、没声明DOCTYPE
①DOCTYPE是document type（文档类型）的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分！
②看看下面的代码，是不是很熟悉？像这样的，在文档最顶端，所有代码之上的乱七八糟的东西，就是用来声明DOCTYPE的！
③你有三种选择，用来声明DOCTYPE
* 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下：
* 严格的(Strict)：要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>，完整代码如下：
* 框架的(Frameset)：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD，完整代码如下：
④至于选择哪种。使用过度的就可以了。
margin:0 atuo;不起作用，不能居中的话，看看你的文档最顶端有没有声明DOCTYPE，没有就复制粘贴一下即可。
垂直居中
1、单行垂直居中：
如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。
例如：
后面使用overflow:hidden的设置是为了防止内容超出容器或产生自动换行，这样就达不到垂直居中效果了。
缺点：
不过在Internet Explorer 6及以下版本中，这和方法不支持对图片设置垂直居中。
单行文本垂直居中：
方法：把文本段落高度(line-height)和所在区域高度(height)设为一致即可。缺点：这种方法只对单行文本有效。
多行文本垂直居中：
方法: 不设区域高度(让高度自适应), 然后在区域上下位置使用相同的填充控制，即使用padding属性。缺点：对固定高度的区间无效。
有关div居中的内容，就介绍这些了，希望对大家有所帮助。