关于display:none和display:block的问题

徐晃
• 阅读 2187

如果使用了display:none,会使该标签消失;可以通过display:block重新恢复该标签。但是这里有一个问题,使用了display:none之后会使该标签原本的样式被清除,所以就算重新恢复标签也不会恢复原本的样式。

解决办法:

不要直接令某一个标签的display属性设置为none,应当用一个div标签将要消失的标签包起来,然后通过该div标签的display来实现内部标签的隐藏和恢复,这样就不会破坏原本的样式了。

点赞
收藏
评论区
推荐文章
梦
4年前
图片放大显示全屏
html代码<divid"outerdiv"style"position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);zindex:2;width:100%;height:100%;display:none;"<divid"innerdiv"style"position:abs
Wesley13 Wesley13
3年前
java反射, 不看你可别后悔
<divid"content\_views"class"markdown\_views"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap"round"d"M5,00,
Stella981 Stella981
3年前
AndroidStudio封装SDK的那些事
<divclass"markdown\_views"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap"round"d"M5,00,2.55,5z"id"raphael
Stella981 Stella981
3年前
Native memory allocation (mmap) failed to map xxx bytes for committing reserved memory
<divid"content\_views"class"markdown\_views"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap"round"d"M5,00,
Stella981 Stella981
3年前
Spring Boot 2下使用Feign找不到@EnableFeignClients的解决办法
<divid"content\_views"class"markdown\_views"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap"round"d"M5,00,2
Wesley13 Wesley13
3年前
.clear 万能清除浮动
htmlbodydiv.clear,htmlbodyspan.clear{background:none;border:0;clear:both;display:block;float:none;
Stella981 Stella981
3年前
Jenkins发送邮件
<divid"content\_views"class"markdown\_viewsprismatomonedark"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelineca
Wesley13 Wesley13
3年前
Java8中的LocalDateTime工具类
<divid"content\_views"class"markdown\_views"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap"round"d"M5,00,
Stella981 Stella981
3年前
CentOS7开启docker远程访问
<divid"content\_views"class"markdown\_viewsprismdracula"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap"rou
Stella981 Stella981
3年前
Neo4j
<divid"content\_views"class"markdown\_viewsprismgithubgist"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap
Stella981 Stella981
3年前
Jsoup清除HTML标签(非白名单)
Jsoup默认提供五种白名单: 1):none()    该API会清除所有HTML标签,仅保留文本节点。  2):simpleText()    该API仅会保留b,em,i,strong,u标签,除此之外的所有HTML标签都会被清除。  3):basic()    该API会保留a