站長資訊網html隱藏div元素的方法：1、在div標簽中使用hidden屬性，添加“hidden="hidden"”語句即可。2、在div標簽中使用style屬性，添加“display: none;”樣式即可。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
方法1：使用hidden屬性
html hidden 屬性規定對元素進行隱藏。
如果使用該屬性，則會隱藏元素；隱藏的元素不會被顯示。
可以對 hidden 屬性進行設置，使用戶在滿足某些條件時才能看到某個元素（比如選中復選框，等等）。然后，可使用 JavaScript 來刪除 hidden 屬性，使該元素變得可見。
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div hidden="hidden">這是一段隱藏的段落。</div> <div>這是一段可見的段落。</div> </body> </html>
效果圖：
方法2：使用display: none樣式
display 屬性規定元素應該生成的框的類型。設置：
-
display: none;隱藏對象 -
display: block;除了轉換為塊級元素之外，還有顯示元素的意思
說明：
使用display: none;可以不占據空間的，把元素隱藏起來，所以動態改變此屬性時會引起重排（改變頁面布局），可以理解成在頁面中把該元素刪除掉一樣；不會被子孫繼承，但是其子孫是不會顯示的，畢竟都一起被隱藏了。
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div style="display: none;">這是一段隱藏的段落。</div> <div>這是一段可見的段落。</div> </body> </html>
效果圖：
推薦教程：《html視頻教程》
