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

Question

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

我不想打印youtube，因此我将display:none添加到这些div的打印样式表中。

现在没有打印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

在head部分添加以下内容：

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

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

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