如何获得未填充可用空间的SVG？

Question

说我有一排3个图标，每个20px x 20px，然后是一些链接（无论链接文本有多宽），然后是另外两个链接。我正在使用flexbox来分隔元素，我想发生的是元素之间的空间是均匀分布的。实际发生的是，svg会增加其大小，以占据可用空间的全部空间。

我尝试从svg中取出height和width属性，但是图像完全消失了。我也尝试了包装器div，但是svg强制它占用了空间的其余部分。

Answer 1

如果有人找到此帖子，则svg没有任何固有的宽度或高度，因此，通过从svg中删除width和height属性，链中较高的东西需要具有明确的宽度或高度，然后svg会填充该空间。