Question

CSS水平居中与垂直居中的总结

Answer 1

1. 设置 margin: 0 auto;

单行文本垂直居中，通过设置行高为父元素高度（父元素高度已知）。

图片垂直居中，设置上下padding（父元素高估不设置）。

图片垂直居中，下边这种方法会有一定偏差（父元素高估不设置）。

图片垂直居中，图片作为背景。

1. 若元素是行内块级元素, 基本思想是使用display: inline-block, vertical-align: middle和一个伪元素让内容块处于容器中央。
行内元素可可以转换为inline-block实现居中。