PHP前端开发

CSS 可见性属性的使用

百变鹏仔 4周前 (09-20) #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&#39;t be visible.      </p>   </body></html>