-
首先我们要知道这部分空白产生嘚原因图片默认的vertical-align是baseline,
也就是字母x的下边距我们在图片后面写上x就是这样
-
如果给x加上背景色就是这样
-
可以看到图片是与字母x的下边距對齐的,也就是baselinecss2的文档中有这么一句解释,翻译过来也就是一个inline-block元素如果里面没有inline元素,或者overflow不是visible则该元素的基线就是其margin底边缘,否则其基线就是元素里面最后一行内联元素的基线。
-
css博大精深大家一起加油探索吧!
经验内容仅供参考,如果您需解决具体问题图片(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。