2015-11-25 56 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

羅伯特,那麼別無他法? :(....或任何建議? –