如何让未知尺寸的图像水平和垂直居中是大家经常遇到的问题。我个人认为水平居中比较好办,但是垂直居中就没那么好办了。很多人都知道一种方法是设置其父元素的line-height等于高度,然后使用vertical-align:middle;达到垂直居中的效果。我们来看看这个方法是否可行。
标题 这段代码中的
xlf.jpg是一张200*200的图片。以下是输出结果:
结果说明: