关于display none和visibility:hidden这个很多人还不知道，今天菲菲来为大家解答以上的问题，现在让我们一起来看看吧！
1、visibility: hidden和display: none 在作用、对HTML元素的影响、定义上有所不同:作用不同visibility: hidden----将元素隐藏，但是在网页中该占的位置还是占着。
2、display: none----将元素的显示设为无，即在网页中不占任何的位置。
3、2、使用后HTML元素有所不同visibility:hidden，使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
4、display:none，使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”。
5、3、定义不同visibility 属性指定一个元素是否是可见的。
6、display这个属性用于定义建立布局时元素生成的显示框类型。
7、参考资料:百度百科 display百度百科 visibility。
本文到此分享完毕，希望对大家有所帮助。