1.要給居中的元素一個寬度，否者無效。

2.該元素一定不能浮動，否者無效。

3 在HTML中使用標簽，需考慮好整體構架，否者全部元素都會居中的。

4.display：table－cell

display:table-cell屬性指讓標簽元素以表格單元格的形式呈現，類似于td標簽。

目前IE8+以及其他現代瀏覽器都是支持此屬性的。我們都知道，單元格有一些比較特別的屬性，例如元素的垂直居中對齊，關聯伸縮等。與其他一些display屬性類似，table-cell同樣會被其他一些CSS屬性破壞，例如float, position:absolute，所以，在使用display:table-cell與float:left或是position:absolute屬性盡量不用同用。
設置了display:table-cell的元素對寬度高度敏感，對margin值無反應，響應padding屬性，基本上就是活脫脫的一個td標簽元素了。

總結

以上是生活随笔為你收集整理的工作374-前端margin:0 auto为什么会失效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。