| 【1】水平/垂直居中 | ||
|---|---|---|
| text-align: center; | 块元素文字 | 水平居中 |
| margin: 10px auto; | 块级盒子 | 水平居中 |
| vertical-align：middle; | 块、行内块文字 | 垂直居中 |
| 【2】水平垂直居中 | ||
|---|---|---|
| 子绝父相 | left、top：50%； margin-left、top：负子盒宽一半 | |
| 子绝父相 | left、top：50%； translate：负50%，负50% |
原文：https://www.cnblogs.com/MaricoCheung/p/13388643.html