微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS 可见性属性的使用

CSS 可见性属性的使用

名为“可见性”的属性允许您从视图中隐藏元素。您可以将此属性与 JavaScript 结合使用来创建非常复杂的菜单和非常复杂的网页布局。

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

描述

可见

用户显示该框及其内容

隐藏

该框及其内容变得不可见,尽管它们仍然影响页面的布局。

折叠

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

示例

您可以尝试运行以下代码来了解如何使用可见隐藏

<html>
   <head>
      <style>
         p {
            visibility: hidden;
         }
      </style>
   </head>
   <body>
      <p style = "visibility:visible;">
         This paragraph is visible.
      </p>
      <p>
         This paragraph won't be visible.
      </p>
   </body>
</html>

以上就是CSS 可见性属性的使用的详细内容,更多请关注编程之家其它相关文章

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。