实例详解display:none与visible:hidden的区别
发布时间 - 2026-01-11 00:26:39 点击率：次display:none与visible:hidden的区别
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>
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
# display:none与visible:hidden的区别
# display:none与visible:hidden的用法
# javascript获取隐藏元素(display:none)的高度和宽度的方法
# jquery控制display属性为none或block
# css display:none使用注意事项小结
# jquery如何实现点击空白处隐藏元素
# Jquery显示、隐藏元素以及添加删除样式
# 使用display:none时隐藏DOM元素无法获取实际宽高的解决方法
# 希望能
# 不为
# 能把
# 谢谢大家
# 所占
# 上不
# 但该
# 摸得
# pre
# brush
# class
# br
# hidden
# display
# visible
# strong
# background
# style
# span
# color
相关栏目：
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐：
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？
高防服务器租用首荐平台，企业级优惠套餐快速部署
如何彻底卸载建站之星软件？
laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析
高端企业智能建站程序：SEO优化与响应式模板定制开发
如何快速上传建站程序避免常见错误？
齐河建站公司：营销型网站建设与SEO优化双核驱动策略
大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？
标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？
Laravel如何使用Gate和Policy进行授权？（权限控制）
高性能网站服务器部署指南：稳定运行与安全配置优化方案
如何快速搭建高效服务器建站系统？
Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】
laravel怎么使用数据库工厂（Factory）生成带有关联模型的数据_laravel Factory生成关联数据方法
Android仿QQ列表左滑删除操作
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？
linux top下的 minerd 木马清除方法
PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑
大同网页,大同瑞慈医院官网？
深圳网站制作培训,深圳哪些招聘网站比较好？
Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】
北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？
惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？
如何在沈阳梯子盘古建站优化SEO排名与功能模块？
Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践
Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门
Laravel如何使用Collections进行数据处理？（实用方法示例）
微信小程序制作网站有哪些,微信小程序需要做网站吗？
如何获取免费开源的自助建站系统源码？
香港服务器网站生成指南：免费资源整合与高速稳定配置方案
清除minerd进程的简单方法
如何批量查询域名的建站时间记录？
b2c电商网站制作流程,b2c水平综合的电商平台？
浅析上传头像示例及其注意事项
如何快速生成ASP一键建站模板并优化安全性？
Laravel如何实现本地化和多语言支持？（i18n教程）
在centOS 7安装mysql 5.7的详细教程
Laravel中的Facade(门面)到底是什么原理
Laravel如何实现一对一模型关联？（Eloquent示例）
利用JavaScript实现拖拽改变元素大小
如何在阿里云服务器自主搭建网站？
Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置
Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】
Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID
Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解
rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted
浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】
Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能
Python文本处理实践_日志清洗解析【指导】
如何构建满足综合性能需求的优质建站方案？