1

Webページの印刷スタイルシートを作成しています。このスタイルシートには、テキストコンテンツの横に、コンテンツ領域に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; }
4

1 に答える 1

2

ヘッドセクションに以下を追加します。

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

print.cssに以下を追加します。

#div-to-be-hidden
{
  display:none;
}
于 2011-07-07T17:34:06.413 に答える