html - 在 svg 元素内对齐 use 元素

Question

我正在尝试将use元素内的svg元素对齐到最左端。我试过了text-align: left，text-anchor: start但 use 元素仍然在 svg 元素的中间。

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

这是小提琴

Answer 1

添加 preserveAspectRatio="xMinYMid" 例如

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

或作为小提琴