0

我有一个问题。

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

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

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

谢谢

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

5 回答 5

0

你可以试试这个：

*{margin:0;padding:0;}
img{border:none 0;}
于 2013-02-07T08:52:47.067 回答
0

差距是由于 <img> 是一个内联元素导致它们遵循与文本相同的规则。要解决这个问题，您可以添加 display: block; 在图像上或使用垂直对齐播放（将其设置为底部）。有关更多信息，请阅读 Mozilla https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps上的精彩文章

于 2013-02-07T08:53:52.943 回答
0 
img {display: block;}//removes the gap
于 2013-02-07T08:54:47.777 回答
0

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

img
{ 
    display: block;
}

但这将导致打破界限并转移到新的界限。

于 2013-02-07T08:56:13.590 回答
0
  • 确保它不是与周围背景颜色相同的边框？
  • 确保它不会从其他地方继承边距或填充
  • 确保在您的 css 边距（和填充）中 imgs 显式设置为零（因为某些浏览器的默认样式表具有 img 边距）
  • 确保间隙不是图像的一部分（不太可能但可能！）
  • 邮政编码在这里...
于 2013-02-07T08:58:16.157 回答