html - 为什么我的 containing span 比我的 svg 大？

Question

我有一个 svg 包裹在 span 中。 svg 的 height 和 width 设置为 15px。

<span>
    <svg xmlns="http://www.w3.org/2000/svg" id="remove-circle" viewBox="0 0 1200 1200.0071" width="15px" height="15px"><path d="..."/></svg>
</span>

我将 svg 包裹在 span 中，这样我可以更轻松地定位它，但它的 height 为 19px 。我已经尝试将 line-height 设置为 0，但这并没有改变任何东西。我需要做什么才能使 span 与 svg 大小相同？

Answer 1

我能够在本地重现此问题并通过将以下 CSS 应用于周围的 <span> 来修复它

span {
  display: inline-flex;
}