display visibility的区别

Display和Visibility都是用于控制元素在网页中的显示和隐藏的属性。它们的区别在于：

Display属性会影响元素的布局，而Visibility属性则不会。当一个元素的Display属性设置为“none”时，它会从页面中完全消失，其他元素会重新排列布局以填补这个空缺；而当一个元素的Visibility属性设置为“hidden”时，它仍然占据着它原来的位置，只是不可见而已。
Display属性有更多的取值，包括“block”、“inline”、“inline-block”、“flex”等等。每个取值都对应着不同的元素布局方式。而Visibility属性只有“visible”和“hidden”两个取值。
Display属性可以用来改变元素的类型，比如将一个块级元素设置为行内元素或弹性盒元素。而Visibility属性只能控制元素的可见性。