display: none和visibility: hidden的区别

内容分享2天前发布
0 1 0

dispaly:none 设置该属性后,该元素下的元素都会隐藏,占据的空间消失
visibility:hidden 设置该元素后,元素虽然不可见了,但是依然占据空间的位置

<!-- html -->
<div>测试测试测试测试测试</div>
<div class="test">改样式</div>
<div>测试测试测试测试测试</div>

/*css*/
.test{
  background-color: pink;
}

test类设置以上两个属性后,显示分别为:

display: none和visibility: hidden的区别

display: none和visibility: hidden的区别

display: none和visibility: hidden的区别

© 版权声明

相关文章

1 条评论

  • 头像
    心如止水 读者

    这样就可以啦

    无记录
    回复