max-height 从底部裁剪图像,如何从顶部裁剪图像?
max-height crops an image from the bottom, how to crop it from the top?
有这个 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;
}
我们有这个结果
我需要做什么才能得到这个结果?:
我找到了剪辑 属性,但我使用的是 Bootstrap 旋转木马,我想在这个元素上实现这个必需的方法,你知道这是否可行吗?
我不确定它是否正是您要查找的内容,但是通过将其包装在具有一些 css 属性的 <div>
标记中,您可以实现这种效果。
我不喜欢大小调整的静态性质,所以如果您需要更动态的东西,请继续寻找,但这应该让您入门。
有这个 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;
}
我们有这个结果
我需要做什么才能得到这个结果?:
我找到了剪辑 属性,但我使用的是 Bootstrap 旋转木马,我想在这个元素上实现这个必需的方法,你知道这是否可行吗?
我不确定它是否正是您要查找的内容,但是通过将其包装在具有一些 css 属性的 <div>
标记中,您可以实现这种效果。
我不喜欢大小调整的静态性质,所以如果您需要更动态的东西,请继续寻找,但这应该让您入门。