问如何裁剪屏幕边缘的图像？
EN

Stack Overflow用户

提问于 2018-08-04 04:54:05

回答 1查看 414关注 0票数 0

我有一个<img>，它的信号源比屏幕大。因此它与屏幕的右边框重叠，这使得我的页面可以水平滚动。我希望图像在屏幕的右边被剪切掉，这样我的网站就不再比屏幕大。我如何才能做到这一点？

这是向右滚动时的截图：

回答已采纳

发布于 2018-08-04 05:06:48

您可以使用一个名为overflow的CSS属性来完成此操作。这在一个元素与另一个元素重叠时生效，默认值为overflow: visible，这意味着容器元素将呈现在元素外部，因此子元素仍然可见。

假设您没有更合适的更具体的容器(因为这将适用于所有元素)，您可以简单地这样做：

body {
  overflow: hidden
}

这将完全阻止呈现父元素之外的任何子元素。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51679982

复制

相似问题

问如何裁剪屏幕边缘的图像？EN