使用CSS隱藏div的網頁

Question

我有一個div，該div包含文本。

<div style='visibility:hidden;' id='emailid'>$email</div> 

可見性屬性執行隱藏所包含文本的工作。問題是，如果div內容未被隱藏，則應該顯示div內容的網頁佔用空間（作爲空白空白）

我該如何防止這種情況發生？如何讓div不顯示任何空格，如上面的代碼所做的那樣。

Answer 1

您應該在您的CSS代碼中使用display:none;，以從顯示的頁面完整地隱藏div。

你的代碼將變更爲CSS線，

<div style='display:none;' id='emailid'>$email</div> 

使用visibility:hidden;只會阻止在div被顯示在頁面上。它仍然會離開div存在的空間。

您可以瞭解更多關於CSS display屬性here

Answer 2

使用display:none;

<div style='display:none;' id='emailid'>$email</div> 

見The display Property

Answer 3

.myclass { 
    display: none; 
} 

Answer 4

嘗試設置display: none;隱藏和設置display: block;顯現。

如果您嘗試使用visibility: hidden;隱藏鏈接，則表示該標記不可見，但會在頁面上爲其分配空間。

如果這沒有幫助，請發佈您的代碼以獲取更多詳細信息。

Answer 5

display：none將不會在頁面中出現並且不佔用任何空間。

可見性：隱藏隱藏一個元素，但它仍然佔用與以前相同的空間。該元素將被隱藏，但仍會影響佈局。

visibility：hidden的保留空間，而顯示：沒有不保留空間

<div style='display:none;' id='emailid'>$email</div> 

Answer 6

#emailid{ 
    display:none; 
} 

顯示：無意味着它不會佔用空間

Answer 7

使用display:none CSS屬性;