裁剪屏幕边缘的图像html

当图像过大以适合屏幕时，我想从图像上切下边缘

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

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

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

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

您只需将

溢出：隐藏

添加到您的容器中，它将阻止图像通过容器。

您只需将

溢出：隐藏

添加到容器中，它将阻止图像通过容器。

您想设置溢出CSS属性

.container {
   overflow: hidden;
}

或

---

有关详细信息，请参阅：

您想设置溢出CSS属性

.container {
   overflow: hidden;
}

或

---

有关详细信息，请参见：

您可以通过添加

#container img{width:100%；height:auto；}

使图像具有响应性，以便通过添加

#container img{width:100%；height:auto；}使图像始终与容器具有相同的宽度

.container{overflow:hidden；}我将其添加到样式表中。看起来容器会重新调整以适应图像，甚至我也会这样做：宽度：100px@MadsAnkerNielsen容器是一个id，而不是class->

#容器

Ohh my bad；）。现在修好了。谢谢容器{overflow:hidden；}我将其添加到样式表中。看起来容器会重新调整以适应图像，甚至我也会这样做：宽度：100px@MadsAnkerNielsen容器是一个id，而不是class->

#容器

Ohh my bad；）。现在修好了。谢谢