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

【问题标题】：inline SVG make parent DIV height bigger than the actual SVG height and also shift it up内联 SVG 使父 DIV 高度大于实际 SVG 高度并向上移动
【发布时间】：2019-11-13 03:15:44
【问题描述】：

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

Div 显示高度为 +2.67px

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

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

【问题讨论】：

标签： html svg height

【解决方案1】：

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

【讨论】：