HTML - 隐藏图像而不占用隐藏空间

Question

我们假设在此处创建网站：http://desertcinema.com/

然后我使用display：none;

隐藏元素

但由于某种原因，他们给我留下了很大的空白。

这是HTML：

presets: ['stage-0', 'react']

如果没有我居住的大空间，我怎样才能正确地隐藏元素？

您可以使用Chrome的检查元素工具来使用inspect元素。

Answer 1

你试过这个吗？

visibility: hidden;

到你的代码。

Answer 2

在做了检查元素之后，我已经看到了：

<ul class="portfolio-wrap isotope" style="position: relative; overflow: hidden; height: 2235px;">

可能你的脚本首先渲染整个图像，然后给<ul>一个高度。