Question

我的眼光是寻找一种容易的方式来掩盖除某种四分五裂及其内容外的一切。

<html>
  <head></head>
  <body>
    <div class="header">...</div>
    <div class="menu">...</div>
    <div class="content">...</div>
    <div class="footer">...</div>
  </body>.
</html>

因此,例如,如果我只想打印div.content,我就这样做:

.header, .menu, .footer {
  display: none;
}

如果布局复杂,就会变得令人迷惑。是否比较容易与安保部合作?

Answer 1

我这样做的方式是:不使用假肢和直接祖先(儿童)

/* hide all children of body that are not #container */
body > *:not(#container) {
  display: none;
}
/* hide all children of #container that are not #content */
#container > *:not(#content) {
  display: none;
}
/* and so on, until you reach a div that you want to print */
#content > *:not(#print_me) {
  display: none;
}

这样,除你想要在非常复杂的布局印刷的东西外,你就可以消除一切。 :这里没有非常有效率,因为它关注今后对你所作的任何修改。

Answer 2

@media print {
.noPrint {
    display:none;
  }
}

现在,你需要将“<代码>noPrint”适用于你想要在印刷中藏匿的内容。

采用专供印刷的风格表,并将其媒体称谓<条码><>印本/代码>,是良好做法。

<>>Example:

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

Answer 3

• 指定一个单独的中央支助事务文件,界定印刷网页时的行为。

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

之后在档案中仅界定:

.header, .menu, .footer { display: none; }

Answer 4

你们可以使用课堂。

.classHide{display: none}

视你使用的语言而定,如果=真话,你可以增加一个头盔、菜单和鞋子。

So you won t need to use another css file.

Answer 5

视您的超文本结构(以及各位需要支持的浏览器,因为国际电子计算方法6赢得了支持),你可以隐藏所有顶级干iv,只是显示你想要显示的:

body > div {
   display: none;
}

#content {
  display: block;
}

友情链接