margin: 0 auto; 元素水平居中佈局無效
失效原因：
1、沒有設定寬度 <div style="margin:0 auto;"></div> 看看上面的程式碼，根本沒有設定DIV的寬度，如何根據寬度自適應呢？新手比較容易忽略的問題！
2、沒宣告DOCTYPE ①DOCTYPE是document type（文件型別）的簡寫，在web設計中用來說明你用的XHTML或者HTML是什麼版本。要建立符合標準的網頁，DOCTYPE宣告是必不可少的關鍵組成部分！
②看看下面的程式碼，是不是很熟悉？像這樣的，在文件最頂端，所有程式碼之上的亂七八糟的東西，就是用來宣告DOCTYPE的！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
③你有三種選擇，用來宣告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">
④至於選擇哪種。。使用過度的就可以了。。
說了半天，margin:0 atuo;不起作用，不能居中的話，看看你的文件最頂端有沒有宣告DOCTYPE，沒有就複製貼上一下，就可以了！
--------------------- 本文來自 chenweilong20 的CSDN 部落格 ，全文地址請點選：https://blog.csdn.net/chenweilong20/article/details/54140237?utm_source=copy