如何使多个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