图片垂直居中问题

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

属性:vertical-align: middle。

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


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

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


html


css

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


css

你可能感兴趣的:(图片垂直居中问题)