我有一张大约240px x 366像素的照片。我的宽度正是我想要的。我需要垂直包含中间100像素,所以基本上我会在整个宽度上垂直显示照片的中间部分。
这是我到目前为止的代码:
var img = '<img title="' + title + '" alt="' + title + '" class="blog-image-ind" src="' + imgSrc + '" width="240" style="float:left;" />'
答案 0 :(得分:0)
您可以在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/
(没有实际图片)