0

jquery.printElement.js を使用して、作成したカレンダー テーブルを印刷しています。div 内にあり、ほとんど期待どおりに動作します。私はCSSに大きな問題を抱えています。以前の質問で説明したように、.css ファイルを渡しても、コンテンツに合わせてセルが拡張されます。

table-layout: fixed;、white-space: nowrap;およびoverflow:hidden;考えられるすべての可能な場所も追加しようとしました。printBodyOptions の追加パラメーターとしても:

function printCalendar(){
     $('#printable').printElement({
          overrideElementCSS:['../css/calendarstyle.css',
                              '../css/colorbox.css',
                              '../css/buttonstyle.css'
                              ],
    printBodyOptions:{
        styleToAdd:
                'table-layout:fixed; 
                 overflow:hidden; 
                 white-space: nowrap; !important;'
        }
    });
}

アイデアがありません。カレンダーを画像、スクリーンショットなどから印刷する方法があることを願っています。すでに提示されているすべての比率が、印刷されたカレンダーだけでなく、画面上のプレゼンテーションにも適用されるように. これを行う方法を知っている人はいますか？他のより良い解決策はありますか？

4

1 に答える 1

0

印刷専用のスタイルシートを試しましたか? 

@media print {
/* overrides here commun CSS with higher selector or !important rules */
}

それ以外の場合は white-space: nowrap; !important;'、ここに構文エラーがあります:)、次のようにする必要があります: white-space: nowrap !important;'

于 2014-03-26T11:50:31.037 に答える