margin:0 auto; 居中疑问

许多初学制作网页的兄弟,可以会遇到的一个常见疑问,就是在CSS中加了margin:0 auto;却没有效果,不能居中的疑问!margin:0 auto;的意思就是:上下距离为0,左右根据宽度自适应!其实就是~~水平居中的意思,呵呵!小一在这里说两个典型的差错致使的不能居中的疑问: 1、没有设置宽度 
看看上面的代码,根柢没有设置D http://www.haokk123.info IV的宽度,怎样根据宽度自适应呢?新手比较简略忽略的疑问! 2、没声明DOCTYPE ①DOCTYPE是document type(文档类型)的简写,在web描写顶用来说明你用的XHTML或许HTML是什么版别。要建立符合标准的网页,DOCTYPE声明是必不可少的要害组成部分! ②看看下面的代码,是不是很熟悉?像这样的,在文档最顶端,全部代码之上的乱七八糟的东西,就是用来声明DOCTYPE的! ③你有三种选择,用来声明DOCTYPE * 过渡的(Transitional):需要非常宽松的DTD,它容许你继续运用HTML4.01的标识(可是要符合xhtml的写法),无缺代码如下: * 严峻的(Strict):需要严峻的DTD,你不能运用任何表现层的标识和特色,例如
,无缺代码如下: * 布局的(Frameset):专门关于布局页面描写运用的DTD,如果你的页面中包含有布局,需要选用这种DTD,无缺代码如下: ④至于选择哪种。。运用过度的就可以了。。 说了半天,margin:0 atuo;不起效果,不能居中的话,看看你的文档最顶端有没有声明DOCTYPE,没有就复制粘贴一下,就可以了! 还有就是 margin:0 auto; 和 margin-left:auto; margin-right:auto;的实践效果有时间还不一样,其原意可以在于设置了margin-top的高度不为0时,会出现意想不到的效果。 http://www.aaafaipiao.com
posted @ 2013-04-02 05:35  chinadiy197601  阅读(341)  评论(0编辑  收藏  举报