当我用CSS打印我的页面时，有没有办法可以隐藏DIV？

Question

我想在没有标题的情况下打印我的页面。

我有办法吗？

• 在我打印时不显示标题<DIV id="heading">

• 并仅在进行打印时制作<DIV id="summary">节目？

Answer 1

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

Answer 2

尝试通过@media块隐藏/显示它们：

在css中：

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

Answer 3

.heading {显示：无;}

表示将display属性设置为none ..将隐藏元素