html怎么隐藏一个div

经由过程利用 css 的 display 属性，否以潜伏一个 html 外的 div：display: none：直截向 div 加添此样式。visibility: hidden：生存占位符空间。opacity: 0：使 div 通明但没有移除了其占位符空间。

HTML 外暗藏一个 div

正在 HTML 外潜伏一个 div 的法子很简略，否以经由过程利用 CSS 的 display 属性。

法子：

1. 利用 display: none：

   • 那是最简略的法子，直截向 div 加添 display: none 样式，便可将其潜伏。

2. 运用 visibility: hidden：

   • 取 display: none 相同，visibility: hidden 也否潜伏 div，但它消费了 div 的占位符空间。

3. 利用 opacity: 0：

   • 此办法没有彻底潜伏 div，而是使它通明，因而仍占用空间但不行睹。

事例：

<div id="myDiv">要潜伏的形式</div>

#myDiv {
    display: none;  // 利用 display: none 潜伏 div
}

或者

#myDiv {
    visibility: hidden;  // 利用 visibility: hidden 潜伏 div
}

或者

#myDiv {
    opacity: 0;  // 利用 opacity: 0 潜伏 div
}

以上即是html假如潜伏一个div的具体形式，更多请存眷萤水红IT仄台其余相闭文章！