隱藏一個div不讓他佔位置(可用)

weixin_33766168發表於2018-03-29
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 onclick="toggleVisibility(this)" style="position:relative">
第一行文字將會觸發"hidden"和"visible"屬性,注意第二行的變化。
</div>
<div>因為visibility會保留元素的位置,所以第二行不會移動.</div>

相關文章