Question

是否可以在不对其进行评论的情况下使div隐藏？如果是这样，怎么样？

Answer 1

你需要用CSS隐藏它：

div {                    /* this will hide all divs on the page */
  display:none;
}

如果它是具有特定类或ID的特定div，则可以将其隐藏为：

<div class="div_class_name">Some Content</div>

<强> CSS：

div.div_class_name {     /* this will hide div with class div_class_name */
  display:none;
}

或者

<div id="div_id_name">Some Content</div>

<强> CSS：

div#div_id_name {        /* this will hide div with id div_id_name */
  display:none;
}

注意：您需要在<style type="text/css"></style>个代码之间包装CSS tyles，例如：

<style type="text/css">
  div#div_id_name {
    display:none;
  }
</style>

<强> More Information :)

Answer 2

您可以通过内嵌样式

执行此操作

<div style="display:none"></div>

或通过定义CSS样式在css add

.HideableDiv{display:none;}

并在您的HTML中写

<div class="HideableDiv" ></div>

Answer 3

很容易。你唯一需要的是，为它添加一个样式，如下面的示例所示：

CSS：

<style type="text/css">
    div.myInvisibleDiv {
        overflow: hidden;
        visibility: hidden;
        height: 0;
        width: 0;
    }
</style>

HTML：

<div class="myInvisibleDiv"><p>My invisible content</p></div>

这个div，它的内容绝对不会显示，它不会打扰周围的元素。

Answer 4

如果你希望它基本上从你的布局中删除：

.element_class {
 display:none;
}

如果你想让它看不见（但仍保持它的空间看似空）

.element_class {
 visibility: hidden;
}

然后你的元素（如果是div）看起来像这样：

<div class="element_class"></div>

基本上你添加class =“element_class”的任何东西都将是不可见的或完全隐藏的。

Answer 5

position: absolute;
left: -99999px; /* big number */

将使大多数屏幕阅读器可以访问该内容，但会将该元素呈现在屏幕外。

Answer 6

可能是，它不是必需的解决方案，但你可以通过这些小技巧解决这类问题。

您可以使用jQuery来实现解决方案。如果您想完全隐藏/显示div，那么您可以使用：

$('#my_element').show()
$('#my_element').hide()

或者如果你想让你的div变得不可见并且它仍然存在于页面中，那么你可以使用有效的技巧：

$('#my_element').css('opacity', '0.0');    // invisible Maximum
$('#my_element').css('opacity', '1.0');   // visible maximum

如何在不对其进行评论的情况下使div隐形？

6 个答案: