最大高度從底部修剪圖像，如何從頂部修剪它？

有了這個HTML/CSS代碼：最大高度從底部修剪圖像，如何從頂部修剪它？

<!DOCTYPE html> 
<html> 
<head> <style> 
img { 
max-height: 100px; 
overflow: auto; 
} 
</style> 
</head> 
<body> 

<img src="http://www.wwwwwww.com//photos/foto.PNG" /> 

</body> 
</html>

我們有這樣的結果

修改這樣的CSS：

img { 
max-height: 75px; 
overflow: auto; 
}

我們有這樣的結果

我有什麼做的就是這樣的結果？：

我發現clip屬性，但我使用的是引導旋轉木馬，我想實現這個這個所需的方法元素，你知道是否有可能嗎？

來源

2016-07-29 Pablo Glez

-1

我不確定它是否正是你要找的東西，但是通過將它包裝在一個<div>標籤中，並帶有一些CSS屬性，你可以達到這個效果。

我不愛上漿的靜態特性，所以如果你需要更多的東西動態，繼續找，但這應該讓你開始。

https://jsfiddle.net/e9jmrkkn/25/

來源

2016-07-29 03:35:32 pshep123

請解釋您的反對票。我的答案（正如我所說的那樣，並不完美）提供了一個解決方案。如果你覺得不好，請提出一些更好的建議。 – pshep123

最大高度從底部修剪圖像，如何從頂部修剪它？

回答

相關問題