我不确定我在这里做错了什么,但我有一个有限的工作量与js和php,所以这可能是一个简单的修复:
我有一个简历页面,我使用js来代替我的简历上的目标div需要。这是工作很好,我已经把额外的div隐藏在页面底部的div。而不是将包含的内容编码到页面中,我通过一组php包含调用它。我假设它们在可见性隐藏div中,它们不应该影响页面。虽然它们是不可见的,但它们确实使页面的高度与3个包含的总和相同。
是否有一个简单的解决方案,或者是更好的硬编码div到页面本身?
(请注意:我有一个问题,添加代码剪辑,但我可以提供一个链接到网站,如果需要)
您实际寻找的是display: none;
属性,而不是visibility: hidden;
。不同的是,visibility: hidden;
仍然占用与显示内容相同的空间,而display: none;
完全删除了div。
另外,注意display
不仅用于显示或隐藏元素,它还设置元素的内联/块行为,但通常:只要它是一个div,你很可能在display: none;
和display: block;
之间切换。如果它是<a>
, <b>
, <span>
或其他内联元素,请使用display: inline;
而不是block。你可以在这里看看。
此外,display
属性很容易配置与jQuery的$('div').show()
和$('div').hide()
函数。
希望这对你有帮助。如果我没有帮上忙,请告诉我!