Обрезание картинок по середине
2015-10-12
Андрей Киреев
C помощью CSS можно пропорционально уменьшить и "спрятать выступающие излишки"
<div class="img_wrap">
<img src="img.png" alt="" />
</div>
CSS:
.img_wrap {
width: 150px;
height: 200px;
overflow: hidden;
line-height: 185px;
text-align: center;
}
.img_wrap img {
max-height: 200px;
max-width: 150px;
vertical-align: middle;
}
Таким образом картинка всегда будет по центру вертикально и горизонтально. Можно ещё убрать max-height: 200px; или max-width: 150px; в зависимости от потребностей.
добавьте свой комментарий