打印页面上的隐藏内容

2022-05-01 分类：HTML 阅读(2345) 评论(0)

html中需要打印的内容

<div class="printDisplay">这是要打印的内容</div>

css中设置

// 页面上不显示该内容
.printDisplay {
  display: none;
}
// 打印正常显示，注意加上 !important
@media print {
  .printDisplay {
    display: block !important;
  }
}