打印网页时隐藏包含 Youtube 的 div

Question

我正在为一个网页创建一个打印样式表，该网页在文本内容旁边还包含内容区域中的 youtube 嵌入（例如）。

我不想打印 youtube，所以我在这些 div 的打印样式表中添加了 display:none。

现在div 没有打印，但在打印预览中它们确实占用了空白空间，从而将文本内容推到了它们下面。

导致在该空白区域下出现大量带有文本的空白区域。不是很好。有没有解决方案或技巧来解决这个问题？

代码：

<div class="bigblok_image">
<object height="325" width="400"><param name="movie" value="http://www.youtube.com/v/waVIqjB0WAU&amp;hl=nl&amp;fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/waVIqjB0WAU&amp;hl=nl&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="325" width="400">
</object>

div.bigblok_image { display: none; }

Answer 1

在头部添加以下内容：

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

在 print.css 中添加以下内容：

#div-to-be-hidden
{
  display:none;
}