4.2.1.1水平居中

inline-block (宽度为内容宽度)+ text-align

优点：兼容性非常好

缺点：child容器会继承父容器的text-align:center,child容器中的文字也会水平居中显示。

table + margin

---

优点：只需要设置child

缺点：只兼容IE8以上

absolute + transform

优点：绝对定位的元素脱离分档流不会对其他元素造成影响

缺点：IE9以上才支持

flex + justify-content

优点：只需设置父容器即可

缺点：IE9以上