html - 在屏幕边缘裁剪图像html

Question

当图像太大以适合屏幕时，我想剪掉图像的边缘。

当屏幕足够宽以适合图像时

当屏幕太小时会出现这种情况

我想在屏幕边缘/红线处剪切图像。如果我将最大宽度设置为 100%，它只会将图像挤压在一起。这是图像的代码:

<div id="container">
    <img src="ptable.PNG" style="height:400px;width: auto;margin: auto;float: left;">
</div>

Answer 1

您只需将 overflow:hidden 添加到您的容器中，它就会阻止图像通过它。