裁剪图像在屏幕的边缘html

Question

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

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

当屏幕太小时会发生这种情况

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

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

Answer 1

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

Answer 2

您想要设置溢出CSS属性。

.container {
   overflow: hidden;
}

或

<div id="container" style="overflow: hidden">

有关详细信息，请参阅：http://www.w3schools.com/cssref/pr_pos_overflow.asp