Is there a way I can hide a DIV when I am doing a print of my page with CSS?

Question

I would like to print my page without headings.

Is there a way I can:

Yep: [@media print](https://developer.mozilla.org/en/docs/Web/CSS/@media) — Alex K., Sep 12 '16 at 13:34
This topic has been thoroughly covered already. http://stackoverflow.com/questions/355313/how-do-i-hide-an-element-when-printing-a-web-page — Andy, Sep 12 '16 at 13:38

score 2 · Answer 1 · answered Sep 12 '16 at 13:36

2

@media print { 
 #heading{
  display:none;
 }
 #summary{
  display:block;
 }
}

answered Sep 12 '16 at 13:36

score 1 · Accepted Answer · answered Sep 12 '16 at 13:37

1

try to hide/show them via @media blocks:

inside css:

@media print {
  #heading {
    display: none !important;
  }
}
@media screen {
  #summary{
    display: none !important;
  }
}

answered Sep 12 '16 at 13:37

norganos

score -2 · Answer 3 · answered Sep 12 '16 at 13:35

-2

.heading{display:none;}

means setting the display property to none ..will hide the element

answered Sep 12 '16 at 13:35

vishal tewatia

OP's looking to hide/show the div only when printing the page – Velimir Tchatchevsky Sep 12 '16 at 13:37

3 Answers3