如何保持我的包括使我的页面更长


How to keep my include from making my page longer

我不确定我在这里做错了什么,但我有一个有限的工作量与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()函数。

希望这对你有帮助。如果我没有帮上忙,请告诉我!