2015-11-25 55 views
3

我试图将use元素内部的svg元素对齐到最左端。我试过text-align: lefttext-anchor: start,但仍然使用元素位于svg元素的中间。对齐svg元素内部的使用元素

<div class="guy"> 
    <svg><use xlink:href="#guy"></use></svg> 
</div> 

这里是fiddle

回答

3

添加preserveAspectRatio = “xMinYMid” 例如

<div style="display: none"><svg id="guy" viewBox="0 0 123.6 205.2" preserveAspectRatio="xMinYMid"> 

或为fiddle

+0

谢谢。这工作。但我的项目中有很多svgs。并改变到这样的每个图标是时间的过程。有没有其他的方式来应用这个? (_css通过css属性?我试过这个,这是不工作的) –

+0

不,它不是一个CSS属性,它是一个属性。 –

+0

罗伯特,那么别无他法? :(....或任何建议? –