display-none-与-visibility-hidden

display:none 与 visibility:hidden

说白了就是隐藏元素

display:none 隐藏元素后是不占用页面空间的

visibility:hidden 隐藏元素后是仍然占用页面空间的

eg:

正常显示:

image

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

image

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

image

附:

visibility:collapse

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

你可能感兴趣的:(display-none-与-visibility-hidden)