定製地圖圖標 - 在圖標圖像（css/html）中帶有不需要的空間問題

我已經創建了自定義地圖圖標來替換我工作的Drupal網站的Leaflet地圖中的標準集。我在Photoshop中創建了這些圖標，並將最終圖像裁剪爲圖像和畫布末端之間的像素（以避免由於透明背景像素造成的任何問題）。這是一切都很好，我已經上傳文件到地圖，它工作正常，除了：出於某種原因，我在圖像中獲得額外的空間。定製地圖圖標 - 在圖標圖像（css/html）中帶有不需要的空間問題

HTML如下：

<div class="leaflet-div-icon3"> 
    <img src="example_image.png" height="90" width="90" border="0"/>  
</div>`

的CSS .leaflet-div-icon3完全是空的 - 它只是我們曾經能夠與單張模塊正確源的圖像一招。

因此，圖像框是90x90像素，但實際圖標僅佔該空間的十分之一。

我似乎無法找出這一個，所以如果你們中的任何人都能想到我可能忽略的東西，我將不勝感激反饋。我會一直提供的圖像，但我需要10代表這樣做:(

來源

2015-01-09 user32172

什麼是沒有定義的圖像的像素尺寸？ – 2015-01-09 20:20:03

html定義之前的像素尺寸是125x219但我已經知道了這一點，說實話，解決方案是微不足道的，不會對別人有幫助，所以我很可能會刪除這篇文章。無論如何，感謝您的幫助！ – user32172 2015-01-10 04:40:11

盲目猜測：添加display: block在CSS樣式表.leaflet-div-icon3類，如果你希望我們給你一個準確的答案更好的發佈一些代碼.. 。或者鏈接到你的網站？

來源

2015-01-09 20:15:27 sodawillow

對不起，我不能對我的問題更具體 - 沒有太多的代碼顯示！但是，我已經設法自己弄清楚了這一點，不要認爲其他人會發現解決方案非常有用，所以我可能會刪除帖子。無論如何，我非常感謝您的幫助！ – user32172 2015-01-10 04:43:07

定製地圖圖標 - 在圖標圖像（css/html）中帶有不需要的空間問題

回答

相關問題