html - 自定义 map 图标 - 图标图像中不需要的空间问题 (css/html)

Question

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

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 样式表中的类 .leaflet-div-icon3 中添加 display: block。如果您希望我们给您一个准确的答案...或您网站的链接，最好发布一些代码？