Question

我有一个div，而div包含文字。

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

visibility属性执行隐藏包含的文本的工作。问题是它占用了网页中的空间（作为空白空格），如果它没有被隐藏，则应该显示div内容;

如何防止这种情况发生？如何使div不显示任何空格，如上面的代码所示。

Answer 1

使用display:none;

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

请参阅The display Property

Answer 2

尝试设置echo $category;隐藏并设置display: none;以显示。

如果您尝试使用display: block;隐藏链接，则表示该标记不可见，但会在页面上为其分配空间。

如果没有帮助，请发布您的代码以获取更多详细信息。

Answer 3

.myclass {
    display: none;
}

Answer 4

display：none在页面中不可用，并且不占用任何空间。

visibility：hidden隐藏了一个元素，但它仍然会占用与以前相同的空间。该元素将被隐藏，但仍会影响布局。

visibility：hidden保留空间，而display：none不保留空间

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

Answer 5

#emailid{
  display:none;
 }

display：none表示不占用空间

Answer 6

使用foreach ($dag as $taak) { echo '<li'; if($_SESSION['user_id'] == $taak['username']) { echo ' style="color:red"'; } echo '>'.$taak['taak_naam'].' - '.$taak['username'].'</li>'; } css属性;

Answer 7

您应该在CSS代码中使用display:none;从显示的页面中隐藏div completly。

您的CSS代码行将更改为，

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

使用visibility:hidden;只会阻止div显示在页面上。它仍然会留下div存在的空间。

您可以详细了解CSS显示属性here

使用CSS隐藏网页中的div

7 个答案: