你的位置:首页 > 软件开发 > 网页设计 > img元素底部为何有空白?

img元素底部为何有空白?

发布时间:2016-05-14 21:00:05
原因:图片文字等inline元素默认是和父级元素的baseline对齐的,即:vertical-align 的默认值是 baseline;而baseline又和父级底边bottom有一定距离;img出现的空白就是baseline和bottom之间的这段距离;即使只有图片没有文字, ...

img元素底部为何有空白?

原因:

图片文字等inline元素默认是和父级元素的baseline对齐的,即:vertical-align 的默认值是 baseline;而baseline又和父级底边bottom有一定距离;

img出现的空白就是baseline和bottom之间的这段距离;即使只有图片没有文字,只要是 inline 的图片这段空白都会存在。

img 标签 是inline 元素, inline元素默认是baseline对齐的。 当baseline对齐的时候,baseline和bottom之间有段距离,就是出现的空白;

原标题:img元素底部为何有空白?

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录