div隐藏后不占空间的写法:
可以尝试在div中加入style="DISPLAY: none;"这样就不会占空间了。如果写成:
style="DISPLAY: none;"
visibility属性:
确定元素显示还是隐藏;
visibility="visible|hidden",visible 显示,hidden 隐藏。
当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。
例如:
<script language="javascript">
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}
</script>
<div οnclick="toggleVisibility(this)" style="position:relative">
第一行文本将会触发"hidden"和"visible"属性,注意第二行的变化。
</div>
<div>因为visibility会保留元素的位置,所以第二行不会移动.</div>
本文发布于:2024-02-01 05:01:29,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170673489034058.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |