html - 使用 css 媒体类型打印打印特定的 div 内容？

Question

我有包含如下框架的 html

  <frameset rows="60,*" border="0" frameborder="0">
    <frame name="frameA">
    <frameset cols="120,*" >
      <frame name="frameB" frameborder=0 >
      <frame name="frameC">
    </frameset>
  </frameset>

在框架 C 内，我有一个 ID 为“myDivToPrint”的 div。我想当用户点击浏览器打印时， 它只是打印 div myDivToPrint 的内容。这是我的相关 CSS

CSS

@media print {
    #myDivToPrint {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}

html

 <div  id="myDivToPrint" class="page-container myDivToPrint">
  </div>

但是好像对打印/打印预览没有任何影响(firefox显示所有的frame内容，chrome只显示打印预览下的顶部框架内容)。有什么想法吗？

上述方法的引用:- BC post at Print the contents of a DIV

Answer 1

您必须隐藏不想打印的元素。像这样:

@media print {
    #myDivToPrint {
       ...
    }

    #elementYouDontWantToPrintId {
       display:none;
    }

}