Я пытаюсь добавить изображения SVG в Wordpress и применить фиксированную высоту, чтобы ширина могла быть гибкой.
Когда я определяю фиксированную высоту с помощью CSS, ширина остается 100%, но графика не заполняет пространство. Это приводит к избыточному пространству с обеих сторон, что является проблемой.
Разметка HTML:
<img src = "example.svg" alt = "example" />
CSS:
img {
height: 50px;
width: auto;
}
Можно ли избежать этого лишнего пространства, чтобы я мог выровнять изображение по левому краю в соответствии с содержимым.






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