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

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>

更多信息 :)

Answer 2

您可以通过内联样式执行此操作

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

或者通过定义CSS样式,如In 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"的任何东西都将是不可见的或完全隐藏的.