Обрезание картинок по середине

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; в зависимости от потребностей.

добавьте свой комментарий

МЫ МАКСИМАЛЬНО
УПРОСТИЛИ ПРОЦЕСС
ДЛЯ ВАС
1. ВЫ ОПИСЫВАЕТЕ ЗАДАЧУ.
2. МЫ ОЦЕНИВАЕМ, ГОВОРИМ СТОИМОСТЬ СРОКИ.
3. ПОЛУЧАЕМ ОТ ВАС "ДОБРО" И ДЕЛАЕМ.
4. В НАЗНАЧЕННЫЙ СРОК СДАЕМ ПРОЕКТ.
ОСТАВЬТЕ СВОИ КОНТАКТЫ И МЫ С ВАМИ СВЯЖЕМСЯ: