为什么我的包含跨度比我的 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;
}