如何像Reddit那样建立img-div关系?

Question

正如你在图像中看到的，即使图像大小太高，我们也只看到Reddit让我们看到的图像大小。图像的其余部分只能通过单击按钮看到。没有挤压。那我该怎么做呢？

谢谢。

https://i.stack.imgur.com/7Uj0I.png

Answer 1

也许是这样的。 https://jsfiddle.net/x3gh29vt/1/

您可以创建一个具有设置高度和宽度的容器，并使用overflow: hidden隐藏多余的内容

然后将事件侦听器添加到按钮以切换容器的溢出值;