图片垂直居中问题

暂时先不讨论复合元素的垂直居中，本文分析单纯的行内元素的垂直居中。

属性：vertical-align: middle。

方法1： 改变文字的line-height达到垂直居中目的。

启示：如果要垂直居中一个行内元素，那么可以添加一个元素，让它的line-height 等于父元素的高度。

方法2、利用伪元素进行图片的垂直居中，添加一个伪元素，使它的vertical-align:minddle;使它的height等于父元素的高度。

html

css

方法3、借助absolute定位和margin: auto。

css