居中布局

水平居中布局(子容器和父容器宽度不定情况)

inline-block + text-align

兼容性好，兼容IE6-7;

需要额外代码来修复text-align造成问题。

table + margin

absolute + transform

居中元素不会对其他元素产生影响

兼容性较差

flex + justify-content

只需设置父元素即可实现居中布局

低版本不支持