vertical-align使用方法

33 阅读1分钟

一个div里嵌套img标签的小案例,图片底下居然多了一块大概4-5px的空白,让我顿时来了兴趣,咱们上图看。

image.png

这里涉及到了:vetical-align主要用来处理图片和文字直接的位置关系

vertical-align的各个属性:baseline(默认),top、bottom。。等等。我们来一张图具体解释一下这些属性。

image.png

这里可以设置成bottom就可以了