在svg元素内对齐use元素

Mr_*_*een 4 html css svg inline-svg

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

<div class="guy">
    <svg><use xlink:href="#guy"></use></svg>
</div>
Run Code Online (Sandbox Code Playgroud)

这是小提琴

Rob*_*son 6

添加preserveAspectRatio =“ xMinYMid”,例如

<div style="display: none"><svg id="guy" viewBox="0 0 123.6 205.2" preserveAspectRatio="xMinYMid">
Run Code Online (Sandbox Code Playgroud)

或作为小提琴

  • SVG在任何地方几乎完全区分大小写。 (2认同)