如果< div>或者< img>之后的任何其他元素,然后在它们之间出现~3px的空格 – 即使边距为零.
<img src="example-fractal-art.png"> <div>What is with that gap?<div>
这就是with some CSS的样子.
现在很容易投入显示:阻止进入CSS和solve the problem.但为什么会出现?没有计算的边距,填充,边框或类似的东西.
浏览器在做什么?有人甚至称它为“magic”.
附:或者,在某些情况下,可以在HTML代码中通过removing whitespace解决此问题. (但是在这种情况下doesn’t work,为什么?)