Html 在svg元素内对齐use元素

我试图将

svg

元素中的

use

元素对齐到最左边。我尝试了

text-align:left

和

text-anchor:start

但是use元素仍然位于svg元素的中间

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

下面是添加preserveAspectRatio=“xMinYMid”的示例

---

或者作为

谢谢。这起作用了。但我的项目中有很多SVG。像这样切换到每个图标是一个耗时的过程。有没有其他的方法来应用这个？（比如通过css属性？我尝试了这个，但不起作用）不，它不是css属性，而是一个属性。SVG在任何地方都几乎完全区分大小写。@Mr_Green javascript可以做到这一点，也许XSLT可以转换所有文件？

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