隱藏一個div不讓他佔位置(可用)
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>
相關文章
- jQuery隱藏一個div元素jQuery
- 我一個div有橫向滾動條,如何讓他頁面一載入就讓他滾動到中間的位置
- javascript隱藏和顯示div的方法JavaScript
- JavaScript 設定div顯示與隱藏JavaScript
- CSS點選隱藏和顯示div效果CSS
- CSS 實現 : 滑鼠移動上去顯示 div,移開隱藏 divCSS
- go 中 defer 的一個隱藏功能Go
- js下拉框實現div顯示和隱藏JS
- jQuery控制div顯示和隱藏程式碼例項jQuery
- Excel 這 4 個隱藏的功能,能讓你節省一些時間Excel
- win10如何隱藏一個硬碟 window10怎麼隱藏硬碟分割槽Win10硬碟
- 兩個div,知道其中一個div的高度或寬度,怎麼使另一個div佔滿剩餘的部分.
- 一個舉動讓他賺了10個億
- 廢掉一個人最隱蔽的方式,是讓他忙到沒時間成長
- 除指定區域外點選任何地方隱藏DIV
- JavaScript動畫方式控制div元素的隱藏和顯示JavaScript動畫
- 如何隱藏MacBook Pro瀏海?只需一個命令Mac
- css文字超出div隱藏剩下內容並顯示省略號CSS
- 讓windows系統顯示隱藏檔案Windows
- 隱藏IP地址的四個作用
- Mac顯示/不顯示隱藏檔案教程!Mac
- 滑鼠打字的背後,隱藏著一個感人的故事
- 對 *nix WEB伺服器的一個隱藏威脅Web伺服器
- 通過select下拉框裡的value控制div顯示與隱藏
- 隱藏索引索引
- Mac顯示和隱藏“隱藏檔案”命令Mac
- 深入挖掘 MacOS 的8個隱藏技巧Mac
- 隱藏資料夾怎麼取消隱藏 關閉隱藏檔案的辦法
- excel一次性取消隱藏快捷鍵 excel表格怎麼取消隱藏Excel
- 如何訪問Windows 10隱藏的一個控制皮膚功能Windows
- 一加6隱藏劉海屏設定教程 一加6劉海屏怎麼隱藏?
- 2018.3.29 DIV位置調整程式碼
- Oracle 隱藏列Oracle
- GridManager 隱藏列
- [快速] 一行指令暫時隱藏 Mac 桌面檔案 – 讓你凌亂的桌面不會被看見 - TechMoon 科技月球Mac
- 字串拼接這個隱藏大坑,我表示不服~字串
- css li元素中的文字超出隱藏不換行效果CSS
- 記一次滾動條隱藏