問題タブ [print-style]

印刷スタイルシートを作成する場合、画像が複数のページにまたがるのではなく、常に1つのページにのみ表示されるようにする方法はありますか。画像はページよりもはるかに小さいですが、ドキュメントフローに基づいて、最終的にページの下部に表示され、分割されます。私が見ている動作の例を以下に示します。

欲しいもの

いつも私はLaTeXのフロートについて不平を言っていました、そしてここで私は同じ機能を求めています...これはできますか？これは、PDFに変換するために作成している1回限りのドキュメントであることが多いため、必ずしもすべてのブラウザで機能することを心配しているわけではありません。

私はこれに苦労しています。sIFRではなくjquerysIFRプラグインを使用しました。これにより、ページで使用している他のjqueryとの競合が防止されました。

それはその主要な機能でうまく機能します：htmlテキストをFlashに置き換えます。

ただし、.sIFR-alternateクラスには、フラッシュブロックがオンの場合に持続する「不透明度：0」のインラインスタイルが与えられます。したがって、代替テキストは表示されません。ページを印刷するときにも表示されません（はい、sIFR印刷のスタイルを含めました）。

opacity：0インラインスタイルをdisplay：noneに置き換えてみましたが、これにより出力フラッシュで高さの問題が発生します。

他の誰かがこれを持っていたか、何かアイデアがありますか？

フォントフェイスに関しては、印刷スタイルシートをスタイリングする通常の方法は何ですか?

伝統的にセリフ フォントは印刷媒体に適していますが、サン セリフ フォントが依然として鮮明で読みやすい場合、印刷物が Web サイトとより一致するようになれば、印刷用スタイル シートにはより良い選択肢となるでしょうか。

Webページの印刷スタイルシートを作成しています。このスタイルシートには、テキストコンテンツの横に、コンテンツ領域にYouTubeが埋め込まれています（たとえば）。

YouTubeを印刷したくないのでdisplay:none、これらの印刷スタイルシートに追加しましたdiv。

これで、div'は印刷されませんが、印刷プレビューでは空のスペースが必要になるため、テキストコンテンツがその下にプッシュされます。

この空白の下にテキストを含む多くの空白が発生します。よくない。これを解決するための解決策やトリックはありますか？

コード：

2 つのスタイルシートが含まれている Web ページがあります。

印刷スタイルは、chrome、safari、firefox、IE9 では問題なく動作しますが、IE7 と IE8 では完全に機能しません。非表示にする必要がある特定の画像は非表示にできませんが、表示する必要がある画像は非表示にできます。IE7 と IE8 で画面用の両方のスタイルシートをロードすると、すべてが期待どおりに見えるという事実にもかかわらず、混乱しているように見えます。

残念ながら、進行中のクライアント サイトであるため、ページにリンクすることはできませんが、アイデアがあればここでストローをつかんでいます.

テキストの横に小さなアイコンがあります。コードは次のようになります。

ページの背景は黒、アイコンは白です。しかし、ページを印刷すると、テキストは黒で背景が白になります。印刷すると白いアイコンは表示されませんが、これは大きな問題ではありませんが、プリンターのときにアイコンを表示したいと思います。印刷できる黒の別のアイコンがあります。印刷時にこれらを切り替えるにはどうすればよいですか?

注: 両方の画像を手動でページに挿入し、CSS を使用して画面と印刷用の正しいアイコンを表示および非表示にすることもできますが、自動化され、すべてのページに戻って編集する必要がない方法を探しています。その中のコード。

印刷スタイルシートのセットアップがありますが、1 つのページでスタイルシートのいくつかのプロパティをオーバーライドする必要があります。これを行う最も簡単な方法は、必要なスタイルを次のようにページの先頭に配置することです。

しかし、私の問題は、プリンターだけをターゲットにする方法がわからないことです。

注:別のスタイルシートを作成したくありません。

印刷スタイルについては、現在、テキストの後に URL を印刷しています。テキストの横ではなく、次の行に表示することは可能ですか? これは私がこれまでに持っているものです。

結果：

私にメールしてください（hello@email.com）

代わりにこれが欲しい：

メールを送ってください

(hello@email.com)

例: http://jsfiddle.net/qesRk/

Yii でページの一部を印刷/エクスポートしようとしています。最良の方法は何ですか: 印刷スタイル シートを作成するか、pdf にエクスポートします。実行する方法？印刷/エクスポートしたいページの部分は次のとおりです。

私はこのフォームを持っており、仕事をするために印刷します。

さて、問題は、ポートレートモードでは最小化されることです。つまり、A4レターのページの半分のように小さく見えますが、ランドスケープモードでは問題なく見えます。

これが私のメディアプリントCSSです：

なにか提案を？その上、私もIEに問題があります。IE用に追加のメディアプリントを作成できますか？ありがとう