Элемент img для заполнения ширины контейнера, если максимальная высота не достигнута с использованием чистого CSS - PullRequest
0 голосов
/ 31 января 2019

Я пытаюсь использовать CSS, чтобы установить размер изображения.Я хочу, чтобы изображение заполняло всю ширину контейнера, поэтому width: 100% сделает это (даже если исходная ширина img меньше).

Однако источник может содержать как портретные, так и альбомные изображения.В случае длинных портретов, вместо заполнения по ширине, я бы хотел центрировать изображение внутри контейнера с учетом максимальной высоты.

Я пробовал очевидное:

width: 100%;
max-height: 250px;

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...