为什么SVG会在其中添加一些空间？

我对SVG非常陌生，并尝试生成一个对象，该对象将由放在一行中的几个小SVG组成。 我在去除svg添加的空格时遇到了一个问题。我想要的是这些元素相互接触

我创建了一个小示例：

这里有两个正方形。当您检查元素“path”时，您将看到它没有添加任何额外的空间，但是svg标记会添加任何额外的空间

我试图改变宽度/高度/视图框，使“path”对象和“svg”之间没有额外的空间，但是，没有做到这一点，边缘/填充也没有帮助。虽然，我可以去掉右边和底部的空白，但左边和顶部仍然保留着

我发现了类似的问题，但它们都是100%左右，这不是我的情况

---

提前感谢您的建议

xml:space用于处理纯空白文本节点。空白来自空白字符，例如制表符、换行符或回车符，这些字符位于标记之间以提供格式。删除“preserve”相当于将其更改为“default”，这将根据XML处理器折叠或替换空格字符。还有一个相关的问题需要更详细的解释。

事实上，您正在绘制的路径不在viewBox的边缘，这使它看起来更糟糕，但填充实际上是由

和

之间的空白造成的

在html中，如果您在呈现的内容之间添加空格，则会显示。如果将空白替换为可以看到的内容，则问题会更清楚地显示出来

<svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 65 65"  width="50" height="50">
   <path d="M0,0   l65,0  0,65  -65,0  0,-65"
      style="stroke: #000000; fill:none;" />
</svg>Text<svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 65 65"  width="50" height="50">
   <path d="M0,0   l65,0  0,65  -65,0  0,-65"
      style="stroke: #000000; fill:none;" />
</svg>

正文

以及解决方案。首先不要添加空格

<svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 65 65"  width="50" height="50">
   <path d="M0,0   l65,0  0,65  -65,0  0,-65"
      style="stroke: #000000; fill:none;" />
</svg><svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 65 65"  width="50" height="50">
   <path d="M0,0   l65,0  0,65  -65,0  0,-65"
      style="stroke: #000000; fill:none;" />
</svg>

xml:space只影响SVG

、

、

和

节点，问题不存在这些节点。dude easy我对这一点不熟悉你是对的，我最大的问题是选择了正确的视口，块之间的空间并不是一个真正的问题。

<svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 65 65"  width="50" height="50">
   <path d="M0,0   l65,0  0,65  -65,0  0,-65"
      style="stroke: #000000; fill:none;" />
</svg><svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 65 65"  width="50" height="50">
   <path d="M0,0   l65,0  0,65  -65,0  0,-65"
      style="stroke: #000000; fill:none;" />
</svg>