css水平垂直居中方法总结，简单明了

水平居中

• 对于行内元素(inline)：text-align: center;
• 对于块级元素(block)：设置宽度且 marigin-left 和 margin-right 是设成 auto
• 对于多个块级元素：对父元素设置 text-align: center;，对子元素设置 display: inline-block;；或者使用 flex 布局

垂直居中

对于行内元素(inline)

• 单行：设置上下 pandding 相等；或者设置 line-height 和 height 相等
• 多行：设置上下 pandding 相等；或者设置 display: table-cell; 和 vertical-align: middle;；或者使用 flex 布局；或者使用伪元素