SVG без пробелов

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

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

Разметка HTML:

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

CSS:

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

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

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
1
0
31
1

Ответы 1

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

Другие вопросы по теме