相同点： 

两者都可以使元素在页面不可见

不同点： 




属性
display: none
visibility: hidden




占据空间
❌
✅


元素从渲染树消失
✅
❌


是否继承
❌
✅


重排重绘
重排重绘
只会重绘


transition支持
❌
✅


是否影响有序列表序号
✅
❌


屏幕阅读是否会读取
❌
✅