css中隐藏标签怎么显示

在CSS中，有许多方法可以隐藏HTML元素，但是如何让这些元素在需要时重新显示呢？ 这种情况下，可以使用CSS中的“display”属性。

“display”属性控制元素在文档中的可见性。有多种display属性值可用，但是最常用的3个是“block”，“inline”和“none”。实际上，当元素设置为“display：none”时，它不会在文档中占用任何空间，也不会被渲染为任何形式。 这也是为什么这是隐藏元素的最佳方法。

要重新显示隐藏的元素，只需将其display属性设置为正确的值即可。 例如，如果元素的原始display属性值为“block”，则可以将其设置为“display：block”以重新显示元素。 如果元素的原始属性值为“inline”，则必须将其设置为“display：inline”或“display：inline-block”以重新显示元素。

/* 隐藏元素 */
element {
display: none;
}

/* 显示元素 */
element {
display: block; / * 或display：inline或display：inline-block * /
}

记住，当您将元素的display属性设置为其他值（例如“block”或“inline”）时，它将在文档中占用空间并按预期进行渲染。

在某些情况下，您可能希望使用JavaScript等脚本来控制元素的显示。 在这种情况下，您可以使用一些简单的代码来添加或删除CSS类，该类包含用于显示或隐藏元素的display属性设置。

/* CSS代码 */
.hide {
display: none;
}

.show {
display：block; / * 或display：inline或display：inline-block * /
}

// JavaScript代码
var element = document.getElementById（'element'）;

// 隐藏元素
element.classList.add（'hide'）;

// 显示元素
element.classList.remove（'hide'）;
element.classList.add（'show'）;

通过添加和删除类，您可以轻松地使用CSS来隐藏和显示元素。