display:none 与 visibility:hidden
说白了就是隐藏元素
display:none 隐藏元素后是不占用页面空间的
visibility:hidden 隐藏元素后是仍然占用页面空间的
eg:
正常显示:

如果在第二块元素上加display:none

如果在第二块元素上加visibility:hidden 或者 visibility:collapse

附:
visibility:collapse
在表格元素中使用时,隐藏元素后是不占用页面空间的,在其它元素中使用时等同于visibility:hidden,隐藏元素后是仍然占用页面空间的
网友评论