初学者创建网站：CSS 设置 margin: 0 auto;水平居中无效的原因

刚接触网页制作的朋友可能会遇到一个常见问题，其中添加了margin: 0 auto;在CSS中，但是没有效果，无法居中的问题，margin: 0 auto;意思是：上下界均为0，左右根据宽度自适应。其实就是水平居中的意思。下面是两个导致无法居中问题的典型错误： 1.没有设置Width 看上面的代码。 DIV 的宽度根本没有设置。如何根据宽度进行适配？这是新手很容易忽视的一个问题。 2. DOCTYPE 未声明。 1) DOCTYPE是文档类型的缩写。它在网页设计中用于指示您正在使用的 XHTML 或 HTML 版本。要构建符合标准的网站，DOCTYPE 声明是重要且关键的组成部分。2）看下面的代码。是不是看起来很眼熟？像这样，在文档的顶部，所有代码之上的杂乱都是用来声明 DOCTYPE 的： 3) 您可以通过三个选项来声明 DOCTYPE*​​ ​​​​​​Transitional：一个非常宽松的 DTD，允许您继续使用 HTML4。 01标识（但必须符合xhtml的写法），完整代码如下：