我不确定我在这里做错了什么,但我对js和php的工作量有限,所以这可能很容易解决:
我有一个简历页面,我根据需要使用js替换简历上的目标div。这工作正常,我已将额外的div放在页面底部的隐藏div中。而不是将包含的内容编码到页面中,我通过一组php包括调用它。我假设他们在可见性隐藏的div里面,他们不应该影响页面。虽然它们不可见,但它们确实使页面的长度与3包含的组合相同。
对此有一个简单的解决方法,还是将div硬编码到页面本身更好?
(PLESE注意:我在添加代码片段时遇到问题,但如果需要,我可以提供指向该网站的链接)
答案 0 :(得分:1)
您实际需要的是display: none;
属性,而不是visibility: hidden;
。区别在于,visibility: hidden;
仍占用与显示内容相同的空间,而display: none;
则完全删除了div。
另外,请注意display
不仅用于显示或隐藏元素,还设置元素的内联/块行为等,但通常:只要它是div,你应该最多可能会在display: none;
和display: block;
之间切换。如果是<a>
,<b>
,<span>
或其他内联元素,请使用display: inline;
代替阻止。你可以看看here。
此外,使用display
和$('div').show()
函数的jQuery可以轻松配置$('div').hide()
属性。
希望这会有所帮助。如果我没有帮助,请告诉我!