html - Page-Break-Inside プロパティが Chrome で機能しない

Question

多くの行とネストされたテーブルを含む長いテーブルデータがあります。このデータを印刷すると、テーブルとネストされたテーブルの行が改ページで改行されます。これは、テーブルとデータがページに分割されることを意味します。そこで、次の CSS プロパティを使用します。

table tr {
 page-break-inside:avoid;
 position:relative;
 }

しかし、これは私の場合は機能しません。ここでライブデモを見ることができます:-- http://jsfiddle.net/npsingh/S8vr8/2/show/

次のリンクでコードを編集してください:--
http://jsfiddle.net/npsingh/S8vr8/2/
---[ページを印刷するには [CTRL+P] を押すか、右クリックして [印刷] オプションをクリックします]-- -

Google Chrome バージョン 29.0.1547.66 m を使用しています

どこに問題があるのか正確に教えてください。ありがとう

score 6 · Accepted Answer

テーブルの tr に配置する代わりに、page-break-inside:avoid;次のようにテーブルに直接適用してみてください。

table {
    page-break-inside:avoid;
    position:relative;
}

次のメディアクエリも追加します。

@media print {
   table {
        page-break-inside:avoid;
        position:relative;
    }
}

score 0 · Accepted Answer

これは私にとってはトリックでした。ボディCSSであることが判明しました：

body{
    height: auto!important;
    float: none!important;
}

2 に答える 2