中心圖像和裁剪它

Question

我想將圖像放入div元素，這是小得多的圖像和隱藏或裁剪圖像以外div元素。我做這個像這樣的：

.slideshow img { 
    width: 250px; 
} 
.slideshow { 
    overflow: hidden; 
    height: 170px; 
    width: 250px; 
    position:relative; 

} 

它工作正常，但是從它我像莊稼的頂部，但我想中央的圖像，然後從頂部底部裁剪。我怎樣才能做到這一點？ CSS的圖像或位置相對具有負左集和頂部位置的

Answer 1

使用剪輯屬性

img 
{ 
clip:rect(0px,60px,200px,0px); 
} 

Answer 2

只能豎直地在一條線，至少是作爲圖像一樣高居中的圖像。所以訣竅是將圖像居中在一個非常高的div中，然後使用相對定位將div與原始div相對中心。內部div需要的CSS類似於vertical-align: middle; line-height: 850px; position: relative; top: -340px;。

Answer 3

只需添加：

position:relative; 
left:-25%; 
top:-25%; 

您.slideshow IMG類

這應該工作。