ARR Asked: 2020-08-03 12:27:35 +0800 CST 2020-08-03 12:27:35 +0800 CST 2020-08-03 12:27:35 +0800 CST 在 HTML 中隐藏 div 标签 772 我有以下代码: <div class="auto" id="auto"> Ocultar </div> 你能告诉我标签是否有任何要隐藏的属性吗? html 5 Answers Voted Best Answer Carol Mirabal 2020-08-03T12:30:48+08:002020-08-03T12:30:48+08:00 使用样式“显示:无”,您可以将其隐藏 <div class="auto" id="auto" style="display: none"> Oculta </div> <div class="auto" id="auto"> No Oculta </div> user75901 2020-08-03T12:32:49+08:002020-08-03T12:32:49+08:00 使用CSS的直接隐藏属性可以实现 <style> /* Los estilos puedes ponerlos al inicio de tu documento HTML o puedes meterlos en un archivo por separado */ .auto{ display: none; } </style> <div class="auto" id="auto"> Ocultar </div> 始终尽量不要让您的 CSS 代码与您的 HTML 混在一起,因为随着项目的发展,这会使其无法维护 如果您决定将 CSS 代码放在外部文件中,则在顶部的最后一个元标记之后放置要调用它的标记,它应该看起来像这样 <link rel="stylesheet" href="carpeta/archivo.css" /> 我推荐以上内容以避免当您恢复项目或其他人参与时,进行修改的过程变得复杂和困难。 steven 2020-08-03T13:02:43+08:002020-08-03T13:02:43+08:00 首先,我们必须有我们的 HTML 结构,其中将有一个按钮,该按钮将激活一个 JavaScript 函数,该函数将更改 CSS 以显示效果。在这种情况下,按钮将是一个 div var clic = 1; function divAuto(){ if(clic==1){ document.getElementById("div-mostrar").style.height = "100px"; clic = clic + 1; } else{ document.getElementById("div-mostrar").style.height = "0px"; clic = 1; } } Después de tener estos dos div utilice algo de CSS3 para darle el diseño y logar el efecto de transición. #auto{ padding: 10px; background: orange; width: 95px; cursor: pointer; margin-top: 10px; margin-bottom: 10px; box-shadow: 0px 0px 1px #000; display: inline-block; } #auto:hover{ opacity: .8; } #div-mostrar{ width: 100%; margin: auto; height: 0px; background: #000; box-shadow: 10px 10px 3px #D8D8D8; transition: height .4s; color:white; text-align: center; } #auto:hover{ opacity: .8; } #auto:hover + #div-mostrar{ height: 100px; } <div id="auto" onclick="divAuto()"> Mostrar/Ocultar </div> <div id="div-mostrar"> DIV </div> Rick Enciso 2020-08-03T12:33:49+08:002020-08-03T12:33:49+08:00 <div class="auto" id="auto" style="visibility: hidden"> Oculta </div> 尽管这可以满足您的要求,但您应该不惜一切代价避免对这种事情使用“内联样式”,最好的方法是使用外部文件中的 CSS 并使用 JavaScript 更改属性 Victor Perdomo 2020-08-03T13:32:32+08:002020-08-03T13:32:32+08:00 这是我的解决方案朋友: <div class="auto" id="auto" style="display:none;"> Ocultar </div>
使用样式“显示:无”,您可以将其隐藏
使用CSS的直接隐藏属性可以实现
如果您决定将 CSS 代码放在外部文件中,则在顶部的最后一个元标记之后放置要调用它的标记,它应该看起来像这样
我推荐以上内容以避免当您恢复项目或其他人参与时,进行修改的过程变得复杂和困难。
首先,我们必须有我们的 HTML 结构,其中将有一个按钮,该按钮将激活一个 JavaScript 函数,该函数将更改 CSS 以显示效果。在这种情况下,按钮将是一个 div
尽管这可以满足您的要求,但您应该不惜一切代价避免对这种事情使用“内联样式”,最好的方法是使用外部文件中的 CSS 并使用 JavaScript 更改属性
这是我的解决方案朋友: