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 寬度與高度的設定
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C