目录

CSS - 可见性( Visibility)

名为visibility的属性允许您隐藏视图中的元素。 您可以将此属性与JavaScript一起使用,以创建非常复杂的菜单和非常复杂的网页布局。

您可以选择使用visibility属性来隐藏仅在用户需要查看时显示的错误消息,或隐藏测验的答案,直到用户选择一个选项。

NOTE - 请记住,源代码仍将包含隐藏段落中的内容,因此您不应使用此代码隐藏敏感信息,如信用卡详细信息或密码。

visibility属性可以采用下表中列出的值 -

Sr.No. 价值和描述
1

visible

该框及其内容将显示给用户。

2

hidden

该框及其内容不可见,但它们仍会影响页面的布局。

3

collapse

这仅适用于动态表列和行效果。

这是一个例子 -

<html>
   <head>
   </head>
   <body>
      <p>
         This paragraph should be visible in normal way.
      </p>
      <p style = "visibility:hidden;">
         This paragraph should not be visible.
      </p>
   </body>
</html> 

它会产生以下结果 -

新页面打开
↑回到顶部↑
WIKI教程 @2018