两种隐藏元素方式【display:none】和【visibility:hidden】的区别_html

此随笔的灵感来源于上周的一个面试，在谈到隐藏元素的时候，面试官突然问我【display: none】和【visibility: hidden】的区别，我当时一愣，这俩有区别吗，好像有，但是忘记了啊，因为平常基本都是用【display: none】，几乎没用过【visibility: hidden】，我只好如实回答。面试结束后回到家的第一件事就是敲代码测试，下面就是测试过程及结果：

一、首先在页面中放2个div，并用不同的背景色区分他们：

 1   2   3   4   5  两种隐藏元素方式的区别  6   7 div{ width: 100px; height: 100px; color: white; text-align: center; line-height: 100px; font-size: 40px;} 8   9  10  11 
查看更多关于两种隐藏元素方式【display:none】和【visibility:hidden】的区别_html的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109218