今天在写页面时,发现在a标签,里面嵌入<img>底部会出现空白的问题! 请看示例代码: 请看示例效果图: 现在出现了两个问题,首先a标签,没有因为img的大小而被撑大,然后是a的内部下面出
底部会出现空白的问题!
的标签就好像放在一条公路上一样。所以要使img能像放进一个盒子一样,就应该使用块级框:比如:
标签为什么会有底下的空白呢?这你要理解所谓的“基线(baseline)”。这是一个英文排版概念。我这里还是引用下知乎人的链接吧!标签为什么会有底下的空白" href="https://www.zhihu.com/question/21558138" target="_blank">http://www.zhihu.com/question/21558138 讲得很周到!