css中display:none与visibility: hidden的区别

时间:2021-12-13 01:28:13

display: none; 隐藏元素,不占用其本来空间------对应元素显示用的是display:block;

visibility: hidden;元素隐藏,占用其本来的页面空间---------对应隐藏内容显示用visibility: visible;

可视

visibility:hidden/visible/inherit/initial;

visible:元素可视;

hidden:元素不可视(仍占用空间)

inherit:继承父元素的可视性

display:inline-block/block/none/

css中display:none与visibility: hidden的区别