如何使用CSS隐藏HTML元素？

Question

我试图用CSS隐藏HTML元素.

<select id="tinynav1" class="tinynav tinynav1">

但它非常有弹性,即使使用Google Inspect元素我也无法改变造型

有任何想法吗？

谢谢 :-)

Answer 1

这很简单,只需将display属性设置为noneCSS:

#tinynav1
{
  display:none
}

再次当你想表明它设置display为block.

visibility: hidden 隐藏元素,但它仍占用布局中的空间.

display: none从文档中完全删除元素.它不占用任何空间,即使它的HTML仍然在源代码中.

使用的其他优点display:

display:none意味着所讨论的元素根本不会出现在页面上(尽管您仍然可以通过DOM与它进行交互).其他元素之间不会分配空间.
visibility:hidden意味着不同的是display:none,元素不可见,但在页面上为它分配了空间.

Answer 2

使用display:none;或visibility:hidden;