从img tag css中删除差距

Question

我有一个问题。

总之，当我在我的HTML文件中包含一个img标签时，我的标签周围有一个间隙。它不是边距而不是填充。我问我这是什么？

有人可以帮我删除使用css的gab吗？

<img src="../images/modules/Bildergalerie2.jpg" />

由于

---

    <img src="../images/modules/Bildergalerie2.jpg" />

Answer 1

你可以试试这个：

*{margin:0;padding:0;}
img{border:none 0;}

Answer 2

差距是由＆lt; img＆gt;引起的。是一个内联元素，使它们遵循与文本相同的规则。要解决这个问题，你可以添加display：block;在图像上或使用vertical-align（将其设置为底部）进行播放。有关更多信息，请阅读Mozilla https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

上的优秀文章

Answer 3

img {display: block;}//removes the gap

Answer 4

IMG标记是内联元素，是依赖于空格的方法。 IMG标签周围的空间实际上是基于您为网站选择的字体系列，您可以做的是选择elemnt is css

img
{ 
    display: block;
}

但这会导致破坏线并转向新线。

Answer 5

• 确定，它不是与周围背景颜色相同的边框？
• 确保它不会从其他地方继承边距或填充
• 确保在你的css边距（和填充）中显式设置为imgs（因为某些浏览器的deafault样式表有img的余量）
• 确保间隙不是图像的一部分（不太可能，但可能！）
• 邮政编码在这里......