如何将svg放在span中，并让span封装svg？
如何将svg放在span中，并让span封装svg？
提问于 2016-05-16 05:59:52
如何将svg放在span中，并让span封装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>回答 2
Stack Overflow用户
回答已采纳
发布于 2016-05-16 06:04:35
添加CSS规则，使默认情况下为display: inline的跨度为display: inline-block。
span {
display: inline-block;
}Stack Overflow用户
发布于 2016-05-16 06:03:09
我建议采取以下解决方案
<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37244115
复制相关文章
相似问题
腾讯云开发者
