printing - 在 div 中打印数据

Question

我有很多 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/