PHP前端开发

html怎么隐藏一个div

百变鹏仔 3个月前 (09-20) #HTML
文章标签 html
通过使用 css 的 display 属性,可以隐藏一个 html 中的 div:display: none:直接向 div 添加此样式。visibility: hidden:保留占位符空间。opacity: 0:使 div 透明但不移除其占位符空间。

HTML 中隐藏一个 div

在 HTML 中隐藏一个 div 的方法很简单,可以通过使用 CSS 的 display 属性。

方法:

  1. 使用 display: none:

    立即学习“前端免费学习笔记(深入)”;

  2. 使用 visibility: hidden:

  3. 使用 opacity: 0:

示例:

<div id="myDiv">要隐藏的内容</div>
#myDiv {    display: none;  // 使用 display: none 隐藏 div}

#myDiv {    visibility: hidden;  // 使用 visibility: hidden 隐藏 div}

#myDiv {    opacity: 0;  // 使用 opacity: 0 隐藏 div}