顯示和可視性的CSS

-2

我知道display和visibility之間的差，但我想知道哪個是最適合的HTML元素顯示和可視性的CSS

例如的顯示和隱藏：

if (document.getElementById(id).style.visibility == "hidden") {}

或

if (document.geteElementById(id).style.display == "none") {}

來源

2014-10-03 yaskab

這取決於你的頁面佈局。我們無法回答這個問題。 – melancia 2014-10-03 18:37:29

您是否希望將空間顯示在要素所在的位置，或者是否希望頁面像他們不在那裏一樣流動？就個人而言，我堅持使用'display：none'，但您需要自己設計選擇。 – scrappedcola 2014-10-03 18:39:23

這取決於你是否希望元素在佈局中保持它的空間（使用隱藏），如果你不希望元素保持空間使用顯示無）所以基本上它取決於你想要什麼樣的效果，例如類似的東西向上滑動你會使用顯示器等等...在懸停，也許可見性隱藏/可見:) – 2014-10-03 18:41:32

這兩種方法產生不同的結果：可見性：隱藏隱藏一個元素，但它仍然會和以前一樣擁有相同的空間。該元素將被隱藏，但仍會影響佈局。

另一方面顯示：沒有隱藏一個元素，它不會佔用任何空間。該元素將被隱藏，並且頁面將顯示爲如果元素是不是有：

來源

2014-10-03 18:40:16 Fergoso

我認爲誰已經問過的人知道這一點。仔細閱讀問題。 – Khamidulla 2014-10-03 18:42:53

是的，我是khonw差異只有我想知道如果這是一個很好的做法，使用可見度 – yaskab 2014-10-03 18:45:50

我會''display：none;'' – Fergoso 2014-10-03 18:47:52

<div id="visibility" style="visibility:hidden;"></div> 
<div id="display" style="display:none;"></div>

如果沒有分配的屬性將返回錯誤或不確定

document.getElementById('visibility').style.visibility == "hidden"; //true 
document.getElementById('visibility').style.display == "none"; //false 

document.getElementById('display').style.visibility == "hidden"; //false 
document.getElementById('display').style.display == "none"; //true

來源

2014-10-03 18:56:13 AvrilAlejandro

顯示和可視性的CSS

回答

相關問題