html标签居中

居中方式：

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;