Question

我有以下HTML：

<button class="button">
  <img src="img/menu-2.svg">
</button>

这个CSS：

.button {
    padding: 0;
    height: 44px;
    border: none;
    background: none;
}

当我用Firebug检查按钮时，我可以看到图像和按钮边框之间仍然存在某种奇怪的间隙。反正有没有删除它？我希望图像尽可能地填充按钮，或至少居中。

以下是截图： enter image description here

或者它可能与SVG文件有关吗？这是应该影响定位的SVG代码：

x="0px" y="0px" width="44px" height="44px" viewBox="0 0 44 44" enable-background="new 0 0 16 16"

让我感到震惊的是enable-background，但我不知道它做了什么＆amp;删除它什么都没做。

Answer 1

保存svg时，您需要确保您的作品包含整个画布板，以便最终图像中没有空白区域。

根据上图，你会在顶部，左侧和底部留出额外的间距，这会造成一些尴尬的间距。

上图显示了保存svg的正确方法，并在您将图像用于网络时防止不必要的间距。

我很高兴我能在你的设计伙伴中帮忙并祝你好运！