在SVG之间添加空格

Question

我想在div中的水平行中显示3个SVG，在两者之间没有更改SVG的情况下说5px空格。

填充和保证金不起作用，至少对svgs不可靠，所以请我还能做些什么来实现这个目标？

Answer 1

你能使用letter-spacing:吗？这是您可能正在寻找的一个例子。

＆＃13;

＆＃13;

 div{
 text-align:center;
 letter-spacing:-10px;
 }

＆＃13;

<div>
<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="RED" />
   Sorry, your browser does not support inline SVG.
</svg> 

<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="GREEN" />
   Sorry, your browser does not support inline SVG.
</svg> 

<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="BLUE" />
   Sorry, your browser does not support inline SVG.
</svg> 
 </div>

＆＃13;

＆＃13;

＆＃13;