Как заставить SVG НЕ заполнять доступное пространство? - PullRequest
0 голосов
/ 26 марта 2019

Скажем, у меня есть ряд из 3 значков, каждый размером 20 на 20 пикселей, затем несколько ссылок (как бы широко ни был текст ссылки), а затем еще пара ссылок. Я использую flexbox для размещения элементов, и я хотел бы, чтобы пространство между ними было равномерно распределено. Что на самом деле происходит, так это то, что svg увеличит свой размер, чтобы занять все свободное место.

Я попытался извлечь атрибуты высоты и ширины из svg, но изображение полностью исчезло. Я также попробовал div-обертку, но svg заставляет его занимать оставшуюся часть пространства.

1 Ответ

0 голосов
/ 26 марта 2019

В случае, если кто-то найдет этот пост, svg не имеет внутренней ширины или высоты, поэтому при удалении атрибута width и height из svg что-то более высокое в цепочке должно иметь явную ширину или высоту, тогда svg заполнит это пространство.

...