inline-block (宽度为内容宽度)+ text-align
优点:兼容性非常好
缺点:child容器会继承父容器的text-align:center,child容器中的文字也会水平居中显示。
table + margin
优点:只需要设置child
缺点:只兼容IE8以上
absolute + transform
优点:绝对定位的元素脱离分档流不会对其他元素造成影响
缺点:IE9以上才支持
flex + justify-content
优点:只需设置父容器即可
缺点:IE9以上