当前位置: 首页 > 面试题库 >

visible:hidden和display:none有什么区别?

徐学潞
2023-03-14
问题内容

CSS规则visibility:hidden以及display: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


 类似资料:
  • 问题内容: HTML5具有新的全局属性,可用于隐藏内容。 CSS具有规则,也可以用来隐藏内容。 在视觉上,它们是相同的。在语义上有什么区别?计算上? 在何时使用一种或另一种时,我应该考虑哪些准则? TIA。 编辑 :根据@newtron的响应(如下),我进行了更多搜索。该属性去年曾引起激烈争论,并且(显然)几乎没有使其成为HTML5规范。有人认为这是多余的,没有目的。据我所知,最终的评估结果是:如

  • 问题内容: 两者都意味着空间,但是有什么区别吗? 问题答案: 一个是不间断空间,另一个是常规空间。不间断的空格表示该行不应在该点处换行,就像它不会在一个单词的中间换行一样。 此外,正如斯文德(Svend)在其评论中指出的那样,不间断的空间不会崩溃。

  • 本文向大家介绍<%# %> 和 <% %> 有什么区别?相关面试题,主要包含被问及<%# %> 和 <% %> 有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 答:<%# %>表示绑定的数据源 <%%>是服务器端代码块  

  • 问题内容: 以下代码之间有什么区别: 和 Python建议采用一种做事方式,但有时似乎不止一种。 问题答案: 一个是函数调用,一个是文字: 使用第二种形式。它更具Python风格,并且可能更快(因为它不涉及加载和调用单独的函数)。

  • 发展至今(2020 年 6 月份),GCC 编译器已经更新至 10.1.0 版本,其功能也由最初仅能编译 C 语言,扩增至可以编译多种编程语言,其中就包括 C++ 。 除此之外,当下的 GCC 编译器还支持编译 Go、Objective-C,Objective-C ++,Fortran,Ada,D 和 BRIG(HSAIL)等程序,甚至于 GCC 6 以及之前的版本还支持编译 Java 程序。但本

  • 问题内容: 比较PMD和CheckStyle有一个问题。但是,我找不到关于PMD和FindBugs之间差异/相似性的详尽分类。我相信一个关键的区别是PMD适用于源代码,而FindBugs适用于编译的字节码文件。但是就功能而言,这应该是一个选择,还是两者相辅相成? 问题答案: 我同时使用。我认为他们是相辅相成的。 正如您所说,PMD在源代码上工作,因此会发现诸如以下问题:违反命名约定,缺少花括号,放