css隐藏元素

 2022-03-17    796  

在77ISP学技术

每日笔记,CSS 控制布局,css隐藏模块,隐藏和显现div

隐藏元素 - display:none 还是 visibility:hidden?

通过将 display 属性设置为 none 可以隐藏元素。该元素将被隐藏,并且页面将显示为好像该元素不在其中:

实例

h1.hidden {
  display: none;
}

被隐藏后不会占用空间

visibility:hidden; 也可以隐藏元素。

但是,该元素仍将占用与之前相同的空间。元素将被隐藏,但仍会影响布局:

实例

h1.hidden {
  visibility: hidden;
}

被隐藏后仍然会占用相同空间


display:none

display 属性imgbox-1.gif  

visibility:hidden

display 属性imgbox-2.gif   

Reset

display 属性imgbox-3.gif   








CSS Display/Visibility 属性

属性

描述
display指定应如何显示元素。
visibility指定元素是否应该可见。
  •  标签:  

原文链接:https://77isp.com/post/711.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。