CSS——display:none与visibility:hidden的区别
1.display:none与visibility:hidden的区别
display:none隐藏对应的元素并且其他元素会挤占该元素原来的空间，即不为被隐藏的对象保留其物理空间，使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
visibility:hidden隐藏对应的元素但其他元素不会挤占该元素原来的空间，即为被隐藏的对象保留其物理空间，使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
记住这两点之后也就不难区分这两者了，如果可以理解为“none”就是没有的意思，“hidden”只是单纯的隐藏之意，这样就可以更好的记住了。
visibility:hidden隐藏对应的元素但其他元素不会挤占该元素原来的空间，即为被隐藏的对象保留其物理空间，使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
记住这两点之后也就不难区分这两者了，如果可以理解为“none”就是没有的意思，“hidden”只是单纯的隐藏之意，这样就可以更好的记住了。
Comments
一脸懵逼进来，又一脸懵逼离开。
嗯哼，这就尴尬了