CSS 可见性属性的使用

ID:13214 / 打印

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>
上一篇: CSS flex-direction属性行值的作用
下一篇: 使用 CSS 实现动画效果的弹跳

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。