在div中打印数据 [英] Printing Data inside a div

问题描述

我的网页中有很多DIV，其中包含一些数据&我想通过使用"window.print()"来打印特定div的数据，而无需打开任何弹出窗口.我该怎么办?

I have a lot of DIVs having some data in my web page & I want to print a data of a specific div by using "window.print()" without opening any popup. What should I do?

推荐答案

您必须使用以下CSS媒体类型:

You must use CSS Media Types like this:

    @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/

I have created an example for you, see a demo: http://jsfiddle.net/rathoreahsan/Vuw6D/3/

这篇关于在div中打印数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！