从img标签css中删除间隙

问题描述:

我有一个问题。从img标签css中删除间隙

总是当我iclude一个img在我的HTML文件标签,我有一个标签周围的差距。这不是保证金,也不是填充。我问我是什么?

任何人都可以帮我用css删除gab吗?

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

感谢


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

请把你的代码... – Gopikrishna

+0

你可以发布您的代码? – Heart

的差距的事实,一个<IMG>是一个内联元素,其他们会对造成遵循与文本相同的规则。要解决这个问题,你可以添加display:block;在图像上或垂直对齐播放(将其设置为底部)。欲了解更多信息,请阅读优秀的文章,在Mozilla的https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

+0

就是这样谢谢 – zoom23

你可以试试这个:

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

这不是解决方案 – zoom23

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

IMG标记是内联元素和是白色空间依赖性的方法。 IMG标记周围的空间实际上是基于您选择为您的网站的字体系列,你可以做的是选择elemnt是CSS

img 
{ 
    display: block; 
} 

但是,这将导致打破线和移动一个新的。

  • 请确定它不是与周围背景颜色相同的边框?
  • 确保它不会从别处继承边距或填充
  • 请确保在您的css边距(和填充)中为imgs显式设置为零(因为某些浏览器的默认样式表有一个用于img的边距)
  • 确保,差距不是图像(不是那么容易,但可能的一部分!)这里
  • 邮编...