2013-02-07 105 views
0

我有一個問題。從img標籤css中刪除間隙

總是當我iclude一個img在我的HTML文件標籤,我有一個標籤周圍的差距。這不是保證金,也不是填充。我問我是什麼?

任何人都可以幫我用css刪除gab嗎?

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

感謝


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

請把你的代碼... – Gopikrishna

+0

你可以發佈您的代碼? – Heart

回答

0

的差距的事實,一個<IMG>是一個內聯元素,其他們會對造成遵循與文本相同的規則。要解決這個問題,你可以添加display:block;在圖像上或垂直對齊播放(將其設置爲底部)。欲瞭解更多信息,請閱讀優秀的文章,在Mozilla的https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

+0

就是這樣謝謝 – zoom23

0

你可以試試這個:

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

這不是解決方案 – zoom23

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

IMG標記是內聯元素和是白色空間依賴性的方法。 IMG標記周圍的空間實際上是基於您選擇爲您的網站的字體系列,你可以做的是選擇elemnt是CSS

img 
{ 
    display: block; 
} 

但是,這將導致打破線和移動一個新的。

0
  • 請確定它不是與周圍背景顏色相同的邊框?
  • 確保它不會從別處繼承邊距或填充
  • 請確保在您的css邊距(和填充)中爲imgs顯式設置爲零(因爲某些瀏覽器的默認樣式表有一個用於img的邊距)
  • 確保,差距不是圖像(不是那麼容易,但可能的一部分!)這裏
  • 郵編...