在 div 中打印数据

【问题标题】：Printing Data inside a div在 div 中打印数据
【发布时间】：2011-06-23 20:35:56
【问题描述】：

我有很多 DIV 在我的网页中有一些数据，我想通过使用“window.print()”打印特定 div 的数据而不打开任何弹出窗口。我该怎么办？

【问题讨论】：

【解决方案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/

【讨论】：

@Oded：先生，我认为您没有理解这个问题。先读完再投反对票。