行内块级元素和文本在同一行显示为什么会有底部边距呢

先上图

在这里插入图片描述

后来发现是因为另一个属性的原因,叫vertical-align 简称vera

vera默认属性为baseline 啥是baseline

标准是小写x的底部就是baseline,是一条水平线

在这里插入图片描述

这空隙跟baseline有关系吗

肯定是有的

下面放图
在这里插入图片描述

对齐就对齐呗,空隙是谁?
是baseline和bottom的距离
在这里插入图片描述

没有图片的时候可能觉得空隙是应该有的,加了图片发现图片上下不对称,不符合美感,才觉得有问题

问题其实一直都在那里,你看或者不看,他都在那里

下一篇将会谈如何人性化地解决空隙

猜你喜欢

转载自blog.csdn.net/qq_26239917/article/details/88379445
今日推荐