css - 可见性:hidden and display:none?有什么区别

标签 css visibility

CSS 规则 visibility:hiddendisplay:none 都会导致元素不可见。这些是同义词吗?

最佳答案

display:none 表示相关标签根本不会出现在页面上(尽管您仍然可以通过 dom 与其交互)。其他标签之间不会为其分配空间。

visibility:hidden的意思是和display:none不同,标签是不可见的,但是在页面上为其分配了空间。标记已呈现,只是在页面上看不到。

例如:

test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test

[style-tag-value] 替换为 display:none 结果:

test |   | test

[style-tag-value] 替换为 visibility:hidden 结果:

test |                        | test

关于css - 可见性:hidden and display:none?有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/133051/

相关文章:

java - 热衷于在 Activity 开始后立即设置操作栏项目可见性?

javascript - 为什么可见性总是设置为可见,尽管在 CSS 中是隐藏的?

Python 2.x - 在同一个类中创建类的静态实例

jquery - 如何在 JQuery 中将 css 类添加到 Div 元素?

css - 停靠在屏幕底部的弹出面板

javascript - jQuery .fadeTo() 是如何工作的?

javascript - 在没有中间 DOM 节点的 Aurelia 中渲染组件

html - 如何在引导视频轮播中使用本地文件

types - 通过公共(public)函数公开私有(private)类型

ios - 如何在 Swift 中切换可见性 GONE 和 VISIBLE