SVG избегая пробелов

Question

Я пытаюсь добавить изображения SVG в Wordpress и применить фиксированную высоту, позволяющую гибкость ширины.

Когда я определяю фиксированную высоту с помощью CSS, ширина остается 100%, но изображение не заполняет пространство. Это приводит к избыточному пространству с обеих сторон, что является проблемой.

HTML разметка:

<img src="example.svg" alt="example" />

CSS:

img {
    height: 50px;
    width: auto;
}

Можно ли избежать этого лишнего пространства, чтобы я мог выровнять изображение по левому краю в соответствии с содержимым.

Answer 1

Используйте атрибут preserveAspectRatio = "none" в example.svg и соответственно установите атрибут viewBox.