DIV 隱藏技巧

在某些時候會需要隱藏 DIV 區塊，例如網頁剛開啟的時候不顯示，當網友使用了某些選項再開啟 DIV 區塊之類的應用，而 DIV 隱藏有兩種常見的技巧，分別是 JavaScript 語法或是 CSS 隱藏，本篇要介紹的是 CSS 隱藏技巧，你可以透過以下兩種方式達成。

CSS DIV 隱藏技巧一

<div style="display:none">區塊中的內容</div>

CSS DIV 隱藏技巧二

<div style="visibility:hidden">區塊中的內容</div>

這兩種用法有什麼樣的差異呢？簡單來說 display:none 的意思是隱藏包含 <div> 標籤整個元素，而 visibility:hidden 只會隱藏區塊中的內容，並保留 <div> 標籤的屬性，換句話說 <div> 標籤所佔的區塊還是存在，只是沒有顯示內容而已。

延伸閱讀
CSS DIV 區塊標籤的使用教學
CSS DIV 置中
CSS DIV 寬度與高度的設定