html - 将 SVG 元素并排放置

Question

我有一个 <text>和一个 <rect>元素嵌套在 svg 中元素。我想要 <rect>元素在 <text> 之后开始结束。但看起来我必须使用 x 来定位它们和 y .

有什么方法可以像普通 HTML 元素一样将它们并排放置吗？

<svg>
<text>1200</text>
<rect width='120' height='12'></rect>
</svg>

Answer 1

我似乎只能用这个来得到它:

<svg height="30" width="100">
   <text x="0" y="15" fill="red">SVG TEXT!</text>
</svg>
<svg height="30" width="100">
   <rect width='120' height='12'></rect>
</svg>

在此处查看 James Almeida 的笔“SVG 文本和框测试”:http://codepen.io/jimmyplaysdrums/pen/ZYdEyw/