Как сделать div невидимым, не комментируя его?

Question

Можно ли сделать div невидимым, не комментируя его? Если да, то как?

Answer 1

Вам нужно скрыть это с помощью CSS:

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

Если это конкретный 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;
}

Примечание: Вынеобходимо обернуть CSS-стили между тегами <style type="text/css"></style>, например:

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

Дополнительная информация:)

Answer 2

Вы можете сделать это встроенным стилем

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

или определив стиль CSS как В css добавить

.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

Может быть, это не требуемое решение, но вы можете решить такие проблемы с помощью этих маленьких хитростей.

Вы можете использовать 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

Answer 6

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

сделает контент доступным для большинства программ чтения с экрана, но отобразит элемент вне экрана.