首页js页面的内容想在 a4纸上打印

js页面的内容想在 a4纸上打印

时间: 2023-12-04 14:02:24 浏览: 182

JS网页打印

js实现的网页打印效果，本人亲自编写。在谷歌浏览器下亲测可用，欢迎下载！

要在a4纸上打印js页面的内容，你可以使用CSS的@media查询来为打印样式设置样式规则。以下是一个例子： ```html <!DOCTYPE html> <html> <head> <title>Print Example</title> <style> @media print { body { margin: 0; padding: 0; } .print-content { width: 210mm; height: 297mm; margin: 0 auto; } } </style> </head> <body> <div class="print-content">  </div> </body> </html> ``` 在上面的例子中，我们使用@media print查询来设置打印样式。我们将body元素的margin和padding都设置为0，以便让打印内容填满整个页面。我们还定义了一个名为.print-content的div元素，它的宽度为210mm，高度为297mm，这是a4纸的尺寸。我们将这个div元素居中显示，以便让它在纸张上居中显示。你可以将你要打印的内容放在.print-content元素中，然后在浏览器的打印对话框中选择打印该页面，即可将内容打印到a4纸上。

阅读全文