在Chrome和Firefox(尚未在其他浏览器上测试),我看到我的svg上方和下方有大块的空白。
我正在使用一个内联svg精灵表(使用gulp svgstore构建),并通过符号id引用svg
html
<svg style="display: none;" xmlns="http://www.w3.org/2000/svg"><symbol id="test" viewBox="0 0 111.2 33"><g></g><g> <rect x="0" y="0" fill="#843B8F" width="111.2" height="33"/></g></symbol></svg>
<svg class="sym">
<use xlink:href="#test"></use>
</svg>
这里有一个例子:
http://codepen.io/magicspon/pen/dPVKZm
我该如何去掉这个空白间隔?
有什么想法吗?
谢谢。