裁剪照片

Question

我有一张大约240px x 366像素的照片。我的宽度正是我想要的。我需要垂直包含中间100像素，所以基本上我会在整个宽度上垂直显示照片的中间部分。

这是我到目前为止的代码：

var img = '<img title="' + title + '" alt="' + title + '" class="blog-image-ind" src="' + imgSrc + '" width="240" style="float:left;" />'

Answer 1

您可以在img中加入div，将div设置为overflow: hidden和height: 100px，将img设置为{{} 1}}

margin-top: -133px

CSS：

<div id="cropimage">
    <img src="whatever" alt="whatever">
</div>

小提琴：http://jsfiddle.net/9L9MJ/

（没有实际图片）