display:none和visibility:hidden的区

他们都可以把页面上的元素隐藏起来。

区别为：

display:none：被隐藏的对象不会占用任何物理空间，不会影响其他元素的布局；

visible:hidden：使对象在网页上不可见，但是会在网页上占用物理空间，通俗来说就是看不见但摸得到。

属性值改变后是否重新渲染：visibility:hidden不渲染；display:none 会重新渲染。