2014-10-23 3 views
-1

Я делаю миниатюры из больших изображений, и я хочу, чтобы эскизы имели ширину 100 пикселей и высоту 150 пикселей, как я могу скрыть только горизонтальное переполнение в миниатюре?Большое изображение в виде миниатюры

+0

'Скрыть только горизонтальное переполнение в миниатюре'. Итак, вы хотите отобразить вертикальное переполнение? – MLeFevre

+0

Так, чтобы эскиз был 100 x 150, и он сохраняет оригинальную форму, даже если он не подходит для рамки 100 x 150. Для этого мне нужно скрыть горизонтальную часть изображения, которое не поместится в рамке. – olethinuri

ответ

1

Если я правильно понимаю, вам нужно дать переполнение: скрыть до div и установить высоту: 100% для img.

.view { 
    overflow:hidden; 
} 
.view img { 
    height:100%; 
} 

Проверить этот пример: http://jsfiddle.net/y0k0ru8h/1/ ли это то, что вы ищете?

+0

Почти - http://jsfiddle.net/0sdndk4w/5/ –