CSS 去版權 display:none 與 visible:hidden,合理使用這兩個屬性可以達到事半功倍的效果。

display:none 與 visible:hidden 的區別

display:none 和 visible:hidden 都能把網頁上某個元素隱藏起來,但兩者有區別:

display:none —不為被隱藏的物件保留其物理空間,即該物件在頁面上徹底消失,通俗來說就是看不見也摸不到。

visible:hidden— 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,通俗來說就是看不見但摸得到。

例子:

<html>
<head>
<title>display:none 和 visible:hidden 的區別</title>
</head>
<body >
<span style=」display:none; background-color:Blue」> 隱藏區域</span><span style=」 background-color:Green」> 顯示區域</span><br />
<span style=」visibility:hidden;background-color:Blue」> 隱藏區域</span><span style=」background-color:Green」> 顯示區域</span>
</body>
</html>