讓行內(nèi)元素水平居中很簡單，直接用text-align:center;就可以了。但是要讓塊級元素水平居中，方法有很多，當(dāng)然也看具體情況來用哪種方法，下面介紹一下，我常用的幾種方法。

1.margin:0auto;

這個方法只能是元素在正常文檔流中的時候才能用，如果用了其他的一些定位，脫離了正常文檔流，那就不能用了。

2.position:absolute;left:50%;transform:translateX(-50%);

這個是適用于絕對定位的場景

3.display:-webkit-box;-webkit-box-pack:center;

這個方法可以說效果是比較好的，當(dāng)然這時你需要用box布局