margin + max-width

1.子元素 设定 margin: 0 auto; 指定宽度

或者 父元素设定 margin: 0 auto; 指定最大宽度 子元素宽度百分百

实用性：兼容性好，需指定宽度

inline-block text-align width max-width 兼容性好，需要设定父元素，且子元素需要指定宽度

1.设置 子元素 display:inline-block 最大宽度 和 宽度百分百

2.父元素 text-align: center

实用性：兼容性好，需要设定父元素，且子元素需指定宽度

flexbox

1.父元素display:flex;

2.父元素 设定 子元素 排列方向 flex-direction: column;

3.父元素 设定 子元素 根据交叉轴的对齐方式 align-items: center;

4.子元素 设定宽度，最大宽度

实用性：PC端ie9+ 移动端常用，写起来简洁明了