为什么我的包含范围大于我的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;
}