display:none与visible:hidden的区别
发布日期：2021-09-25 17:30:26
浏览次数：2
分类：技术文章
本文共 499 字，大约阅读时间需要 1 分钟。
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
例子：
<html> <head> <title>display:none和visible:hidden的区别</title> </head> <body > <span style="display:none; background-color:Blue">隐藏区域</span><span style=" background-color:Green">显示区域</span><br /> <span style="visibility:hidden; background-color:Blue">隐藏区域</span><span style="background-color:Green">显示区域</span> </body> </html>
转载地址：https://blog.csdn.net/cui_shuang_xi/article/details/27103353 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！
发表评论
最新留言
做的很好，不错不错
[***.243.131.199]2024年04月19日 03时19分12秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
JAVA九种排序算法详解
2019-04-29
JAVA笔记(六)面向对象--类和对象
2019-04-29
JAVA笔记(十一)面向对象--多态
2019-04-29
webpack打包错误：Invalid configuration object. Webpack has been initialised using a configuration object
2019-04-29
TypeError: this.getOptions is not a function
2019-04-29
el-table 二维数组合并行
2019-04-29
js获取当月的天数
2019-04-29
多个相邻的盒子外边框合并的问题
2019-04-29
js实现复制功能
2019-04-29
UR5e机械臂运行一直阻塞在waitForServer
2019-04-29
ROS把pkg1下的某个头文件和源文件生成动态链接库供pkg2调用
2019-04-29
使用urdf_tutorial快速可视化urdf文件
2019-04-29
SQl 数据完整性（随堂博客）
2019-04-29
左连接、右连接、内连接
2019-04-29
MySQL DQL语句基础（随堂博客）
2019-04-29
MySQL基础练习
2019-04-29
利用MySQL进行数据复杂查询（1）
2019-04-29
利用MySQL进行数据复杂查询（2）
2019-04-29
MySQL 表与表之间的关系
2019-04-29
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 309910284 位访客
访问时间: 2024-05-02 05:57:36
访问IP: 3.139.82.23
Copyright © 2020 - 2023 blog.css8.cn 京ICP备2021015314号-1
手机版