相同点：
两者都可以将dom元素隐藏
不同点：
1.display: none 隐藏之后不占用文档流，而visibility: hidden却会占用文档流，如果要在隐藏元素的同时获取其尺寸信息，那就可以使用visibility: hidden
2.display: none 会引起页面的回流(重排)以及重绘，而visibility: hidden只会引起重绘，从性能角度上讲，visibility: hidden会稍微好点
3.display: none 的子元素不会进行显示，而visibility: hidden的子元素却是可以进行设置显示的
visibility: hidden 和 display: none的区别
原文：https://www.cnblogs.com/boystao/p/12829968.html