将SVG对齐到屏幕中央

Question

这是我的SVG图像

<svg id="svgMain" align="center" width="500" height="500"></svg> 

但是它没有居中对齐。如何将它居中对齐在屏幕上。

- iJade

---

https://dev59.com/ymoy5IYBdhLWcg3wUcRL#44963267 - Shishir Arora

Answer 1

尝试使用CSS：

#svgMain {margin-left:auto; margin-right:auto; display:block;}

- Francis Nepomuceno

---

尝试添加 display:block; 到那里。 - DACrosby

@DouglasA.Crosby 谢谢，那解决了问题... - iJade

这只是水平对齐... - Michael

Answer 2

Include it in a element.

<div text-align="center">
<svg id="svgMain" align="center" width="500" height="500"></svg>
</div>

这应该可以工作。

- Xin