现在的位置: 网页制作教程网站制作经验 >正文
CSS

设置了margin:0 auto;为什么不居中

发表于2016/12/10 网站制作经验 0条评论 ⁄ 热度 2,123℃

我在css中给div标签设置了margin:0 auto;样式,可为什么不居中呢?

margin居中

归纳了一下,主要有以下两个原因。

1.没有设置宽度

<div style="margin:0 auto;"></div>

看看上面的代码,根本没有设置DIV的宽度,新手比较容易忽略的问题!

2.没声明DOCTYPE

DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分!

我们主要有以下三种设置方式:

过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法),完整代码如下:

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

严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>,完整代码如下:

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

框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD,完整代码如下:

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

一般使用过度的就可以了。

总结:

如果你设置了css样式margin:0 auto;不起作用,不能居中的话,那就先看看有没有设置宽度,其次检查下文档最顶端有没有声明DOCTYPE!

  • 暂无评论