Как выровнять картинки в HTML коде?

Question

Как выравнить картинки разной высоты и ширины на один уровень без сжимания их?

Посоветуйте какой-то контейнер.

Answer 1

.img_wrap {
  width: 300px;
  height: 200px;
  border-style: solid;
}

.img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
}

<body>
  <div class="img_wrap">
    <img src="https://image.ibb.co/kgdbvb/v.jpg" alt="vertical" />
  </div>

  <div class="img_wrap">
    <img src="https://image.ibb.co/gft9Fb/h.jpg" alt="horizontal" />
  </div>

  <div class="img_wrap">
    <img src="https://image.ibb.co/hUgwvb/n.jpg" alt="normal" />
  </div>
</body>

БЛОГ НА HUSL

Как выровнять картинки в HTML коде?

Ответы (1 шт):