У меня есть список изображений, как показано в fiddle , в котором я выровнял изображения по прямой линии.
В скрипте размер последнего логотипа (как показано на скриншоте ниже, отмеченного красным кружком), кажется, изменяется, и я не уверен, каковы причины этого.
Коды CSS, которые я использовал для выравнивания изображений по прямой линии:
.images {
display: flex;
justify-content: space-between;
align-items:center;
background-color: #eee;
padding: 1rem;
flex-wrap: wrap;
}
.images img {
width: auto;
height: 2.5rem;
}
Постановка проблемы:
Мне интересно, какие изменения я должен внести в коды CSS, чтобы последний логотип (логотип маркетинга emma) имел одинаковый размеркак другие логотипы .В данный момент размер каждого изображения установлен на auto и высоту на 2.5rem
При проверке размер логотипа изменяется, как показано ниже, отмеченнымкрасные стрелки