水平居中，垂直居中

水平居中

　　inline 元素：text-align: center;

　　block 元素：margin: auto;

　　absolute 元素：left: 50% + margin-left负值 (必须知道子元素的宽度)

垂直居中

　　inline 元素：line-height的值等于height的值 (必须知道子元素的高度)

　　absolute 元素：top:50% + margin-top负值 (必须知道子元素的高度)

　　absolute 元素：transfrom: translate(-50%, -50%)

　　absolute 元素：top, left, bottom, right = 0 + margin: auto