我如何将svg放入跨度并获得跨越svg的范围？

Question

如何将svg放入跨度并获得跨越svg的范围？例如，在这里我想要两个并排灰色背景的黑色圆圈。我无法让它发挥作用。

<span style="background: gray">               
    <svg height="100" width="100" style="display: block">
        <circle cx="50" cy="50" r="40" ></circle>
    </svg>
</span>        

<span style="background: gray">               
    <svg height="100" width="100" style="display: block">
        <circle cx="50" cy="50" r="40" ></circle>
    </svg>
</span>

Answer 1

添加CSS规则，默认情况下 <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".InGameActivity"/> 的范围为display: inline。

display: inline-block

https://jsfiddle.net/4maotyv4/

Answer 2

我建议遵循解决方案

＆＃13;

＆＃13;

<span style="background: gray; display: inline-block">               
    <svg height="100" width="100" style="display: block">
        <circle cx="50" cy="50" r="40" ></circle>
    </svg>
</span>        

<span style="background: gray; display: inline-block">               
    <svg height="100" width="100" style="display: block">
        <circle cx="50" cy="50" r="40" ></circle>
    </svg>
</span>

＆＃13;

＆＃13;

＆＃13;