AI编程助手
AI免费问答

为什么在a标签中添加一张图片,图片下方和a标签的边界会有一些空隙?_html/css_WEB-ITnose

  2016-06-21 09:23   2819浏览 原创
<a>@@##@@</a>


如上的代码,图片最下方并不是紧贴着a标签下边界的,会有一条缝隙,这是为什么呢?
a标签和img标签都是内联元素,我试了下,如果把a标签和img标签都设置成block,两个元素就会完全重合,如果只给a标签设置block,img图片下方和a标签下边界同样还是会有一条缝隙,还是搞不懂为什么,求大神解答!


回复讨论(解决方案)

可能没有完整的reset导致的。

nbsp;html>            <a>@@##@@</a>

可能没有完整的reset导致的。

nbsp;html>            <a>@@##@@</a>


还是一样额,还是有空隙的

我少写了个:img{vertical-align:middle;}
拷贝到本地运行看看。

nbsp;html>            <a>@@##@@</a>

可能没有完整的reset导致的。

nbsp;html>            <a>@@##@@</a>


完全??




<a>@@##@@</a>


如上的代码,图片最下方并不是紧贴着a标签下边界的,会有一条缝隙,这是为什么呢?
a标签和img标签都是内联元素,我试了下,如果把a标签和img标签都设置成block,两个元素就会完全重合,如果只给a标签设置block,img图片下方和a标签下边界同样还是会有一条缝隙,还是搞不懂为什么,求大神解答!


?空隙是?很?典的??,
原因其?非常的基本,
因??初?立??的不是?洲而是?洲,
inline 元素?了正?的?示英文字母像是 y j g ?有尾巴的
?在底下留空,?要依? font-size 去?定
?主如果a??任何文字,font-size可以?定? 0

?充: 
?然??片的vertical-align 指定?非baseline也能解???
但?人是不建?,依???,?IE版在文字垂直置中有著「不一?的解?」

竟然是因为英文字母的尾巴,,,多谢楼上两位大神~

前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。