display:none和visibility:hidden的区别

display:none和visibility:hidden都是CSS属性，用于控制元素的显示。

display:none会将元素从页面中完全移除，不占据任何空间，也不会对其他元素造成影响。即使在DOM树中，该元素也不会存在。

visibility:hidden则是将元素隐藏起来，但是仍然保留元素在页面中的空间，不影响其他元素的布局和位置。可以通过JavaScript等方式修改该元素的visibility属性来显示出来。

因此，display:none适用于完全移除元素，而visibility:hidden适用于隐藏元素但保留空间的情况。