如何让SVG不填充可用空间?

问题描述 投票:0回答:1

假设我有一排3个图标,每个20px x 20px,然后是一些链接(无论链接文本是多么宽),然后是另外几个链接。我正在使用flexbox来分隔元素,我想要发生的是它们之间的空间均匀分布在元素之间。实际发生的是,svg将增加其大小以占据自由空间的整体性。

我试过从svg中取出高度和宽度属性,但图像完全消失了。我还尝试了一个包装div,但svg强迫它占用剩下的空间。

svg flexbox
1个回答
0
投票

如果有人发现这个帖子,svg没有任何内在的宽度或高度,所以通过从svg中删除width和height属性,链中较高的东西需要有明确的宽度或高度,然后svg将填充该空间。

© www.soinside.com 2019 - 2024. All rights reserved.