隱藏網頁內容的語法

今天有位學生問我,說他有一些網頁的部份內容想隱藏起來不想被看到,該怎麼做?

我聽了之後跟他說,不想被看見最好的方法就是別丟到網路上,丟上去之後又不想被看見,這是哪門子的需求呀?!

不過,既然你誠心誠意的發問了,我就大發慈悲的告訴你吧(聽說最近寶可夢很夯=.=”)!

方法有兩種,第一種是讓整個內容完全消失,等於不存在的意思;第二種是只讓隱藏的部分不顯示,原來的地方會呈現一片空白。

方法一:

將你想隱藏的內容放到<div style=”display:none”>與</div>之間,如以下範例

<div style=”display:none”>
想隱藏的內容
</div>

想隱藏的內容

方法二:

將你想隱藏的內容放到<div style=”visibility:hidden”>與</div>之間,如以下範例

<div style=”visibility:hidden”>
想隱藏的內容
</div>

想隱藏的內容

依照你的需求挑一個囉!

Leave a Reply