具有以下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属性，但是我正在使用Bootstrap轮播，并且我想在此元素上实现此必需的方法，您知道是否可能吗？
最佳答案
我不确定这是否正是您要寻找的东西，但是通过将其包装在带有一些css属性的<div>标记中，可以实现效果。
我不喜欢调整大小的静态性质，因此，如果您需要更多动态的内容，请继续寻找，但这应该可以帮助您入门。
https://jsfiddle.net/e9jmrkkn/25/
关于html - max-height从底部裁剪图像，如何从顶部裁剪图像？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38649874/