html - 内联 SVG 使父 DIV 高度大于实际 SVG 高度并向上移动

Question

我从 illustrator 中粘贴了 SVG 代码并放入了一个 div 中。div 没有高度值。高度由 SVG 设置

Div 显示高度为 +2.67px

SVG 高度应该是 30 像素，但由于某种原因，顶部有一个偏移量，您可以看到白色细线。

为什么会这样？这是一个已知的问题？

标签： htmlsvgheight

Answer 1

好的，所以我尝试并测试并发现它与display价值有关。当我将父 DIV 更改为display:flex相同的高度时，有时路径仍然超过实际和标签，但我猜这是因为形状和像素渲染