<a>标签里面直接嵌套图片,<img>下面出现一小段空白的原因

前端之家收集整理的这篇文章主要介绍了<a>标签里面直接嵌套图片,<img>下面出现一小段空白的原因前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天在写页面时,发现在a标签,里面嵌入底部会出现空白的问题!

代码:

图片"

效果图:

标签,没有因为img的大小而被撑大,然后是a的内部下面出现空白。

标签是inline的,框模型是:行内框。行内框没有包含图片的表现,的标签就好像放在一条公路上一样。所以要使img能像放进一个盒子一样,就应该使用块级框:比如:或者网上很多文章都有!

标签为什么会有底下的空白呢?这你要理解所谓的“基线(baseline)”。这是一个英文排版概念。我这里还是引用下知乎人的链接吧!讲得很周到!

标签的行高

文章乃参考、转载其他博客所得,仅供自己学习作笔记使用!!!

猜你在找的CSS相关文章