Question

我想打印所选div的数据而不是整页，我正在使用window.print()，但它打印整个网页。

Answer 1

如以下示例所示：

   <html>
    <head>
    <style type="text/css" media="print">
    @media print
    {
    #non-printable { display: none; }
    #printable {
    display: block;
    width: 100%;
    height: 100%;
    }
    }
    </style>
    </head>
    <body>
    <div id="printable" >
    Your content to print
    </div>
    <div id='non-printable'>
    this is not printable section
    </div>
    <input type="button" id="non-printable" class=normaltext onclick="JavaScript:window.print();" value="print" />
    </body>
    </html>

了解更多详情或下载访问该网站：

http://blog.developeronhire.com/print-selected-div-in-web-page/

Answer 2

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

如何编写用于打印的样式表并将其设置为在页面上显示相关元素。

Answer 3

如果您事先知道要打印哪些片段，则可以使用基于媒体的CSS隐藏打印中不需要的片段。看看

http://www.killersites.com/articles/newsletterArchive/Newsletter_Nov3_2003.htm

打印从网页中选择的数据

3 个答案: