Html 如何使多个SVG内联？

我的代码中有多个SVG文件的源代码，但出于某种原因，它们不会内联，即使在制作它们的Google绘图上，它们位于完全相同的行中

JSFIDLE是https://jsfiddle.net/53raccoon/zrym4h95/3/你有两个问题：

默认情况下，SVG的宽度为100%。如果你想让他们在线，你必须给他们一个较小的宽度。例如40%

a {
  display: inline-block;
  width: 40%;
}

另一个问题是您的viewBox值太大。你的按钮比viewBox上说的要小得多。例如，第一个viewBox

viewBox="0.0 0.0 960.0 720.0"

应该更像

viewBox="184 27 203 76"

---

在小提琴中有两个svg元素，它们都是可见的，但要看到第二个元素，需要滚动。一个好主意是用文本替换非常长的路径。另外，如果要在同一行中看到svg元素，请添加如下宽度：svg{width:300px；border:1px solid}添加边框是为了让您看到svg元素的大小以及绿色形状周围的空白。@enxaneta没有帮助