自定义地图图标 - 图标图像（css / html）中不需要的空间问题

Question

我已经创建了自定义地图图标来替换我正在工作的Drupal网站的Leaflet地图中的标准集。我在Photoshop中创建了这些图标，并将最终图像修剪为图像和画布末端之间的像素（以避免由于透明背景像素而导致的任何问题）。这一切都很好，我已将文件上传到地图并且工作正常， EXCEPT ：由于某种原因，我在图像中获得了额外的空间。

html如下：

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

CSS .leaflet-div-icon3完全是空的 - 这只是我们以前能够使用Leaflet模块正确获取图像的技巧。

因此，图像框是90x90像素，但实际图标只占该空间的十分之一。

我似乎无法想出这一点，所以如果你们中有人能想到我可能忽略的事情，我会非常感谢你们的反馈。我会提供一个图像，但我需要10个代表才能这样做：（

Answer 1

盲目猜测：在CSS样式表中将display: block添加到类.leaflet-div-icon3。如果您希望我们为您提供准确的答案...或指向您网站的链接，请更好地发布一些代码？