DIV 隱藏技巧 | css隱藏顯示
在某些時候會需要隱藏DIV區塊,例如網頁剛開啟的時候不顯示,當網友使用了某些選項再開啟DIV區塊之類的應用,而DIV隱藏有兩種常見的技巧,分別是JavaScript語法或是CSS隱藏,本篇要介紹的是CSS隱藏技巧,你可以透過以下兩種方式達成。CSSDIV隱藏技巧一
在某些時候會需要隱藏DIV區塊,例如網頁剛開啟的時候不顯示,當網友使用了某些選項再開啟DIV區塊之類的應用,而DIV隱藏有兩種常見的技巧,分別是JavaScript語法或是CSS隱藏,本篇要介紹的是CSS隱藏技巧,你可以透過以下兩種方式達成。CSSDIV隱藏技巧一
CSS DIV 隱藏技巧一
<div style="display:none">區塊中的內容</div>
CSS DIV 隱藏技巧二<div style="visibility:hidden">區塊中的內容</div>
這兩種用法有什麼樣的差異呢?簡單來說 display:none 的意思是隱藏包含 標籤整個元素,而 visibility:hidden 只會隱藏區塊中的內容,並保留 標籤的屬性,換句話說 標籤所佔的區塊還是存在,只是沒有顯示內容而已。延伸閱讀CSS DIV 區塊標籤的使用教學CSS DIV 置中CSS DIV 寬度與高度的設定[3][4][5]
[1][2]References JavaScript (www.wibibi.com) CSS (www.wibibi.com) CSS DIV 區塊標籤的使用教學 (www.wibibi.com) CSS DIV 置中 (www.wibibi.com) CSS DIV 寬度與高度的設定 (www.wibibi.com)