相关疑难解决方法(0)

为什么<img>和其他元素之间有一个讨厌的小空间?

如果a <div>或任何其他元素跟随a <img>,则它们之间会出现~3px的空格 - 即使margins它们为零.

<img src="example-fractal-art.png">
<div>What is with that gap?<div>
Run Code Online (Sandbox Code Playgroud)

这是一些CSS的样子.

在此输入图像描述

现在很容易display: block进入CSS并解决问题.但为什么会这样呢?没有计算的边距,填充,边框或类似的东西.

浏览器在做什么?有人甚至称它为"神奇".

PS或者,在某些情况下,可以通过删除 HTML代码中的空格来解决此问题.(但是在这种情况下这不起作用,为什么?)

html css image margin removing-whitespace

7
推荐指数
2
解决办法
683
查看次数

标签 统计

css ×1

html ×1

image ×1

margin ×1

removing-whitespace ×1