在div中打印数据

时间:2011-06-23 12:32:56

标签: printing printing-web-page

我有很多DIV在我的网页上有一些数据&我想使用" window.print()"打印特定div的数据。没有打开任何弹出窗口。我该怎么办?

1 个答案:

答案 0 :(得分:0)

您必须使用以下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/