printing - div内のデータの印刷

Question

Webページにデータを含むDIVがたくさんあり、ポップアップを開かずに「window.print（）」を使用して特定のdivのデータを印刷したいと思います。私は何をすべきか？

Answer 1

次のように CSS メディア タイプを使用する必要があります。

    @media print {
        #printable {
            display:block;
            overflow: visible;
        }

        #nonprintable {
            display:none;
        }
    }
    @media screen {
        body, table, tr, td { font:12px Arial, Helvetica, sans-serif; }
        .divStyles {
            width:850px;
            height:150px;
            border: 1px solid #000;
            background-color: #ccc;
            padding: 15px;
        }
    }

例を作成しました。デモを参照してください: http://jsfiddle.net/rathoreahsan/Vuw6D/3/