可见性（Visibility）

优质

小牛编辑

124浏览

2023-12-01

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

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

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

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

Sr.No.	价值和描述
1	visible 该框及其内容将显示给用户。
2	hidden 该框及其内容不可见，但它们仍会影响页面的布局。
3	collapse 这仅适用于动态表列和行效果。

Sr.No.

价值和描述

visible

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

hidden

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

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>