Как выровнять изображения по центру?

Question

Евгений Петров @borgore

CSS

Как выровнять изображения по центру?

Есть блок с аватаркой пользователя размером 200x200px
Аватарку можно загрузить как квадратную, так и вертикальную.
Если загрузить квадратную - она стоит нормально, если вертикальную - показывается криво
Как можно разместить аватарку по центру блока относительно высоты?

Вопрос задан более трёх лет назад
373 просмотра

1 комментарий

Подписаться 1 Оценить 1 комментарий

Answer 1 · 2017-08-18 16:26:08

Если аватарка у вас задается через тег img то вот так:

img {
  object-fit: cover;
  object-position: center;
}

Если через background:

.image {
  background: url() no-repeat center;
  background-size: cover;
}

А вообще если хотите получить нужный ответ, то присылайте ссылку на песочницу. Так будет лучше.

Как выровнять изображения по центру?

Войдите на сайт