css中margin:0 auto没作用

很多初学制作网页的朋友，可能会遇到的一个常见问题，就是在CSS中加了margin:0 auto;却没有效果，不能居中的问题！margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应！其实就是~~水平居中的意思。下面我就列举集中居中没作用的情况：

1：没有设置宽度。margin:0 auto居中是要设置宽度滴。

2：没声明DOCTYPE：
DOCTYPE是document type（文档类型）的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分！当然现在很多web编辑器都会自动声明doctype。（不要告诉我你还在用文本编辑器。。。）

3：margin：0 auto 是对块级元素才起作用的。有可能你是对行内元素（比如<a><span><input>等)居中，这时候给它的display：block | inline-block，然后添加宽度就ok了哦。

4:将此元素添加了浮动或者定位：它通常只对静态元素（无浮动、无定位）起作用

浮动：脱离当前的文档流，变换到容器的边缘，或是另一个浮动box的边缘，若空间不够则向下移动直到可以放下

转载于:https://www.cnblogs.com/momozjm/p/5707063.html