主要用到:

1. text-alin: center;
2. margin: 0 auto;
3. position: relative | absolute; left: 50%;
4. vertical-align: middle;
5. transform: translate(-50%);

假定是水平居中
div居中：
margin:0 auto;
浮动元素居中(div居中也可以用)：
margin-left: 50%; transform: translate(-50%);
绝对定位的div居中：
{ top:0; left:0; bottom:0; right:0; margin: auto; }

主要用到:

1. text-alin: center;
2. margin: 0 auto;
3. position: relative | absolute; left: 50%;
4. vertical-align: middle;
5. transform: translate(-50%);