1

asp.net mvc アプリケーションがあり、ビューは HTML5 です。ビューをレポートとして印刷する必要があります。このビューには<table/>タグ付きのデータが表示され、css スタイルでfont-family、font-size、text-alignプロパティなどでフォーマットされています。Chrome で印刷 (PDF へのエクスポート) しようとすると、css が機能しません。つまり、印刷の結果がフォーマットなしで表示されます。

この問題を解決するにはどうすればよいですか? css を使用してスタイルを適用するか、html タグを使用してページをフォーマットするかは問題ではありませんが、フォーマットされた印象を残したいと思います。

PS: HTML の有効なドキュメントを保持したいと思います。

4

3 に答える 3

0

ルールを使用して css セマンティクスを定義し@media print、それを念頭に置いてスタイルシートをスタイル化することができます。たぶん、これは助けになります。

于 2012-07-12T18:22:37.640 に答える
0

スタイル シートでは、スクリーン メディアと印刷メディアに異なるスタイルを使用できます。

@media screen
{
    table.test {
        font-family:"Times New Roman",Georgia;
        font-size:10px;
        // more
    }
}

@media print
{
    table.test {
        font-family:Verdana, Arial;
        font-size:10px;
        // more
    }
}

テーブルを印刷すると、印刷メディアで定義されたスタイルのみが適用されます。

詳細については、これを確認してください。

于 2012-07-12T18:38:54.663 に答える
0

次の設定だけで、画面と印刷用のcssを別々に分割する必要があります

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

html コードを変更する必要はありません。CSS を変更するか、古い CSS を複製するだけです。

于 2012-07-12T18:17:55.850 に答える