如何将SVG放在div中？

2018-06-27 01:55:09

我有一个SVG，我试图以div为中心。 div的宽度为900px。 SVG的宽度为400px。 SVG的margin-left和margin-right设置为auto。不起作用，它就好像左边距为0（默认）。

有人知道我的错误？

SVG默认是内联的。添加display: block ，然后margin: auto将按预期工作。

以上答案对我无效。尽管将属性preserveAspectRatio="xMidYMin"到<svg>标签中，但这样做的确preserveAspectRatio="xMidYMin" 。需要指定viewBox属性才能使其工作。来源：Mozilla开发者网络

这些答案都不适合我。这是我做到的。

position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);

链接地址: http://www.djcxy.com/p/75709.html