我有一个SVG,我试图在一个div居中。div的宽度为900px。SVG的宽度为400px。SVG的左边距和右边距设置为auto。不起作用,它就像左距为0一样(默认值)。
有人知道误差是多少吗?
我有一个SVG,我试图在一个div居中。div的宽度为900px。SVG的宽度为400px。SVG的左边距和右边距设置为auto。不起作用,它就像左距为0一样(默认值)。
有人知道误差是多少吗?
当前回答
这些答案对我都没用。我是这么做的。
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
其他回答
把这两行放到style.css中 在指定的div类中。
display: block;
margin: auto;
然后尝试运行它,您将能够看到SVG现在在中心对齐。
这些答案对我都没用。我是这么做的。
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
确保你的CSS如下:
margin: 0 auto;
即使您说您已经将左和右设置为auto,您可能会放置一个错误。当然我们不知道,因为你没有给我们看任何代码。
对我来说,修正是添加边际:0 auto;到包含<svg>. xml的元素上。
是这样的:
<div style="margin: 0 auto">
<svg ...</svg>
</div>
<div align="center">
/* svg code */
</div>
这个代码中心SVG在div元素。