2017-03-03 9 views
0

divを1ページに印刷しようとしています。 divには、選択した内容に応じてより多くの列を持つことのできる動的表が含まれています。 1つまたは複数の行は静的です。CSS @media印刷マージン

多くの列を含むページを印刷するとうまくいきますが、ほんのわずかであれば2ページ目が作成されます。

left: 0; 

それはいくつかの列とページのために、単一のページに印刷されますが、それらの多くがある場合には、下の数行をカット:

は私が削除した場合。

ページの内容に関係なく、1ページに表示するにはどうすればよいですか。

印刷するときは、私が現在持っている:

@media print { 
    body * { 
     visibility: hidden; 
    } 

    #section-to-print, 
    #section-to-print * { 
     visibility: visible; 
    } 
    #section-to-print { 
     position:absolute; 
     top: -15px; 
     left: 0; 
     font-size:smaller; 
    } 
} 
+0

javascriptタグを削除してください。これは明らかにCSSに関する質問です。 – Meier

答えて

0

常に(印刷する場合)の各要素の後に改ページを挿入:

@media print { 
    element {page-break-after: always;} 
} 

改ページ後のプロパティセット改ページがすべきかどうか指定された要素の後に発生します。

+0

これを接続するためにはどの要素が最もうまくいくでしょうか、私はただ1つのdivしか印刷しておらず、その中にテーブルがあります。 –