在svg元素内对齐use元素

Question

我正在尝试将use元素内的svg元素对齐到最左边。我尝试text-align: left和text-anchor: start但仍然使用元素位于svg元素的中间。

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

以下是fiddle

Answer 1

添加preserveAspectRatio =＆＃34; xMinYMid＆＃34; e.g。

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

或fiddle