display='none' 不等于 visibility:hidden;

最新推荐文章于 2025-03-10 04:25:41 发布

weixin_33819479

最新推荐文章于 2025-03-10 04:25:41 发布

阅读量97

点赞数

原文链接：http://www.cnblogs.com/JAVA-STUDYER/p/7252467.html

版权

本文探讨了CSS中display属性的作用及不同取值的影响。特别关注了当控件设置为display='none'时的效果，并指出一旦应用将无法直接通过样式更改使其重新可见。文章还对比了display='block'与其他值的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前者还可以通过 display= 'block‘重新显示；

而一旦在页面控件上用上该属性，则永远不可见！

转载于:https://www.cnblogs.com/JAVA-STUDYER/p/7252467.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33819479

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

display:none和visibility:hidden两者的区别

weixin_43535265的博客

03-09

2247

一、相同点 display:none和visibility:hidden 都能把网页上的某元素隐藏起来二、不同点示例代码如下： <!DOCTYPE html> <html> <head> <style> .hidden1 { display:none; } .hidden11 { display: inherit; } .hidden12 { display: block; } .hi

display none 隐藏后怎么显示_web前端入门到实战：元素显示隐藏的9种思路

weixin_39922534的博客

11-21

1168

在网页制作中，元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路display对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前并不都是block，还有可能是inline、inline-block等注意：如果要适用于任何元素需要提前储存元素的display值显示隐藏测试文字 visibil...

参与评论您还未登录，请先登录后发表或查看评论

display:none

最新发布

weixin_63215361的博客

03-10

279

要让元素隐藏起来我们要给他添加一个display属性。display=“none” 整个元素隐藏起来。display="block"整个元素显示出来。

display: none；、visibility: hidden、opacity=0区别总结

bluejad的博客

09-01

124

2、visibility: hidden会被子类继承，子类也可以通过显示的设置visibility: visible;不会被子类继承，但是···子类是不会显示的，毕竟都一起被kill啦。2、opacity=0会被子元素继承,且，子元素并不能通过opacity=1，进行反隐藏。4、display,是个尴尬的属性，transition对她无效。1、opacity=0只是透明度为100%,元素隐藏，依然占据空间。3、opacity=0的元素依然能触发已经绑定的事件。1、元素会被隐藏，但是不会消失，依然占据空间。

css中display:none、visible:hidden、和jquery中的hide()的区别

qq_41670382的博客

01-23

1878

css中display:none、visible:hidden、和jquery中的hide()的区别学习心得：三者都是隐藏，但有微小的差别（1）display:none是元素是否显示，设置为none后，元素不显示，也不占位置。（2）visible:hidden是元素能否看得见，不管看不看得见都占着那个位置。而（3）jquery中的hide()是设置display为none；show()是设置display为block 注：查询后得知：设定为display=“none”，就是不渲染，在页面加载完成

《非洲猫科》观后感

杨建荣的学习笔记

11-01

457

这是学习笔记的第1791篇文章最早从豆瓣上刷到《非洲猫科》这部片子时，还有点奇怪，看起来好没有新意的片名，看封面时就在想干嘛不起个非洲雄狮之类的名字，这个名字看起来让...

display:none和visibility:hidden的差别比较与演示代码

01-19

前言：在使用css隐藏栏位或物件的时候，常常会使用到display:none和visibility:hidden这两个属性，但却很容易分不清楚这两个的差别，或是乾脆同时使用两种属性，来确保物件一定被隐藏，其实我们可以很简单的来...

display:none和visibility:hidden的区别

flower521528的博客

03-16

1万+

display：none 和visibility：hidden都可以实现让元素隐藏的效果，但原理是大不相同 1.display:none是让这个元素失去块元素的效果，其本身这个元素也是直接消失，会影响到布局问题。 2.visibility:hidden:可以让元素消失，属于css样式，它只是简单的让元素看不见，但本身的位置还在，如果对div进行hidden，那么div除了看不见，其他所有的样式都在。 ...

css元素隐藏原理及display:none和visibility:hidden

09-22

本文将详细探讨CSS元素隐藏的原理以及display:none和visibility:hidden这两个属性的不同应用及其影响。首先，CSS元素隐藏的原理主要包括两个方面：空间占据和交互能力。元素被隐藏后，有些方式仍然保留了元素的...

关于display：none的恢复问题或取消display：none属性

liangshiyun1的博客

07-23

1万+

关于display：none的恢复问题或取消display：none属性；通过display属性来设置元素的不显示及其恢复。

CSS基础笔记-元素的显示与隐藏

qq_44114147的博客

02-09

553

一、元素的显示与隐藏类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现。本质：让一个元素在页面中隐藏或者显示出来 ☆1.display属性 display：none；隐藏对象，隐藏元素后，不占有原来的位置。（用处更多） display：block：除了转换为块级元素之外，同时还有显示元素的意思。例如：display：none效果 - - 2.visibility可见性 inberit：规定应该从父级元素继承visibility属性的值 visible：默认值。元素是可见的

CSS 隐藏页面元素常用方法

weixin_30341735的博客

10-16

718

用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。 Opacity opacity属性的意思是设置一个元素的透明度。它不是为改变元素的边界框（bounding box）而设计的。这意味着将opacity设为0...

js style.display = ““ 和style.display=“none“ 区别

Simoon

02-16

2962

style.display = “”；是清除display样式，display将使用默认值（块元素会变成block，内联元素会变成inline） style.display=“none”；中“none”是一个值，表示元素将隐藏转载于:https://www.cnblogs.com/lvdongjie/p/8581726.html ...

web前端学习（二十二）——CSS3元素的显示（display）、可见性（visibility）与溢出（overflow）属性的相关设置

贝尔摩德苦艾酒

02-02

1万+

web前端学习（二十二）——CSS3元素的显示（display）、可见性（visibility）与溢出（overflow）属性的相关设置

深入理解js中的display:none和visibility属性

jiangtao7913的博客

12-22

9255

1.用javascript隐藏控件的方式有两种：分别设置控件的style的“display”属性和“visibility”属性。当style.display="block"或者style.visibility="visible"时，控件是可见的。当style.display="none"或者style.visibility="hidden"时控件是不可见的。这两者的区别是：“display”不但隐

《掌握CSS三大特性，轻松解决CSS代码失效难题》

在逃小屁王的博客

10-22

668

在前端学习中，CSS三大特性是必学且很重要的知识点，其中三大特性分别是：层叠性、继承性和优先级。三大特性亦是一种‘规则’，精通并‘遵守’是帮助你彻底解决CSS代码失效问题的关键！

display属性值:

wenwen_2008的专栏

10-24

3253

display属性值: none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact

display: none;和visibility: hidden;

05-10

这两个属性都可以隐藏HTML元素，但它们的实现方式不同。 `display: none;`会使元素完全不显示，也不占据页面空间，相当于元素不存在。 `visibility: hidden;`会使元素不可见，但仍然占据页面空间，相当于元素存在但透明。如果你想在隐藏元素时仍然保留页面布局，可以使用`visibility: hidden;`。如果你想完全从页面中删除元素，可以使用`display: none;`。