visibility:hidden和display: none的区别

 时间:2024-10-14 02:12:43

1、首先写一个HTML页面,在HTML中写一个表格,表格中有两个tr,也就是两行

visibility:hidden和display: none的区别

2、可以看到页面显示效果如下图所示

visibility:hidden和display: none的区别

3、给表格的第二个tr添加属性style="display: none;"

visibility:hidden和display: none的区别

4、可以看到页面显示效果如下图所示,可以看到隐藏后tr所对应的区域也隐藏了,也就是元素不占据任何空间

visibility:hidden和display: none的区别

5、给表格的第二个tr添加属性style="visibility:hidden;"

visibility:hidden和display: none的区别

6、可以看到页面显示效果如下图所示,可以看到visibility: hidden隐藏后的元素空间依然存在,也就是说虽然元素不可见了,但是仍然会影响页面的布局

visibility:hidden和display: none的区别
  • 塞尔达阿卡拉塔怎么过
  • 基耀乌神庙宝箱怎么拿
  • 塞尔达传说 达塔·库斯神庙 沉没的援手 攻略
  • 塞尔达传说 协莫·拉塔神庙-光芒铭刻时间之际攻略
  • 塞尔达怎么快速获得武器
  • 热门搜索
    邓禄普轮胎质量怎么样 哪吒怎么读 毕业证丢了怎么补办 苹果手机怎么刷机 圣元奶粉怎么样 综合素质评价怎么写 电脑网速慢怎么解决 社保怎么交 答辩状怎么写 猪心怎么做好吃