居中方式:
1. flex布局(参考阮一峰老师的博客)
2. 定位:
width: 100px;
height: 100px;
position: absolute;
left: 50%; /* 还要再向左挪回宽度的一半 */
margin-left: -50px;
top: 50%; /* 还要向上挪回高度的一半 */
margin-top: -50px;
##############################################################################
水平居中方式:
|- 父元素:text-align: center; 子元素:display: inline-block;
|- margin: 0 auto;
垂直居中方式:
|- 父元素:height: 100px; line-height: 100px; 子元素:display: inline-block;