如何使多个 SVG 内联？

Question

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

The JSFiddle is https://jsfiddle.net/53raccoon/zrym4h95/3/

Answer 1

你有两个问题：

1. 默认情况下，SVG 的宽度为“100%”。如果你想让它们内联，你必须给它们一个更小的宽度。例如。 “40%”

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

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

   viewBox="0.0 0.0 960.0 720.0"
   

   应该更像

   viewBox="184 27 203 76"
   

Updated fiddle