html中的li中图片加了链接后有间隙,该怎么解决呢(图片未加链接无间隙)

html-css08

html中的li中图片加了链接后有间隙,该怎么解决呢(图片未加链接无间隙),第1张

可能和CSS“盒子模型“有关

简单的说,就是一个HTML元素,有width|height,padding,border,margin。

你的页面出现间隙,有可能是padding,border,margin中有值,所以导致出现间隙,可以尝试把涉及到的所有HTML标签的padding,border,margin都设置为0,试试看

你好!

浏览器的问题,chrome内核好像都有这个问题。这也容易,你定义下页面样式加一句:margin-top:0pxpadding-top:0px上面是定义边距,也就是线条到顶部的距离,下面是定义间隙,也就是线条的粗细

仅代表个人观点,不喜勿喷,谢谢。

1、打开html开发工具,新建一个html页面。

2、在html页面创建一个div标签,然后在div标签里创建5个a标签。

3、为了看得更加明显,我们将对新建的div标签、a标签设置样式,然后使用浏览器打开html页面,发现a标签之间是存在间距的。

4、把a标签的代码显示为一行,然后再html页面刷新浏览器查看效果,发现a标签之间的间距不见了。

5、把a标签还是恢复为每个标签显示一行,然后设置a标签父类的样式为:font-size:0。

6、font-size:14px最后在浏览器上刷新页面发现a标签之间的间距没有了。