定制地图图标 - 在图标图像（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）中带有不需要的空间问题

回答

相关问题