“可见性：崩溃”和“display：none”。 [英] Difference between "visibility:collapse" and "display:none"

问题描述

visibility：collapse 和显示：none 有什么区别？

解决方案

短版本：

前者用于完全隐藏表格元素。

长版本：

visibility：collapse 完全隐藏元素（以便它不会占用布局中的任何空间），但仅当元素是一个表格元素。

除了表元素， visibility：collapse 将像 visibility：hidden 。这使元素不可见，但仍会占用布局中的空间。

display：none 完全隐藏元素 ，因此它不占用布局中的任何空间，但不应该用于表格元素。

W3C参考

What is the difference between visibility:collapse and display:none?

解决方案

Short version:

The former is used to completely hide table elements. The latter is used to completely hide everything else.

Long version:

visibility: collapse hides an element entirely (so that it doesn't occupy any space in the layout), but only when the element is a table element.

If used on elements other than table elements, visibility: collapse will act like visibility: hidden. This makes an element invisible, but it will still occupy space in the layout.

display: none hides an element entirely, so it doesn't occupy any space in the layout, but it shouldn't be used on table elements.

W3C Reference

这篇关于“可见性：崩溃”和“display：none”。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！