CSS-水平垂直居中

一、水平居中

1. 行内元素(inline) text-align:center

2. 块级元素(block)
   2.1 确认宽度：

   • margin: 0 auto
   • 父元素 position:relative 当前元素 position:absolute; margin-left:-width/2;

   2.2 未知宽度

   • display:table; margin:0 auto;
   • display:inline-block; text-align:center;
   • display:flex; justify-content:center;
   • positive:absolute; transform:translateX移动自身的50%；

二、垂直居中

1. 纯文字类 line-height:父元素宽度
2. 父元素：positive:absolute; 当前元素：positive:relative; margin:auto;
3. 父：display:flex; 当前元素：margin:auto;
4. positive:absolute; transform:translateY移动自身的50%；
5. 内联元素，display:table-cell; vertical-align:middle;