SVG元素有太多额外空间
我正在使用Bootstrap 4，并且我的网页中有一个简单的@classmethod
def __str__(self):
return "{0} {1}".format(self.album_name,self.artist)
元素：
svg为显示元素正在使用多少额外空间，我在元素周围创建了一个边框：
<svg>
<polygon points="0,0 20,5 0,10" style="fill: black; stroke: black;" />
<polygon points="20,0 40,5 20,10" style="fill: black; stroke: black;" />
</svg>
图形非常简单，并且大多数情况下都应显示，就像这样：
但是我不明白为什么在右侧和底部有这么多额外的空格。我已经尽力想使容器适合实际内容了：将<style>
svg {
border: 1px solid black;
}
</style>
添加到viewBox="0 0 20 40"标记中只会使图形夸张，以至于庞大，而svg什么也没做我已经尝试了许多其他CSS“技巧”，并将图形放置在自己的viewPort元素中，所有这些都对图形的外观没有影响。
我不记得以前遇到过这个问题。 Bootstrap是否向必须覆盖的div图形添加了额外的样式，或者这是正常现象吗？感谢有关如何修复它的帮助。