Javascript window.print（）未打印整个页面

我有一页

我想打印这一页。在“打印”按钮上，我使用的是这样的东西

<input id="print" type="submit" onclick="window.print();" />

但问题是它没有打印整个页面。喜欢只打印当前在视图中的内容。当我点击打印按钮时，直到

电子邮件：tahir@7-cs.com

页面打印。它不会打印滚动条下方的文本

我怎样才能打印全文。假设我有一个非常大的页面，我使用标签来容纳我的页面。当点击打印按钮时，我想包括整个页面，包括标签。我怎么做

---

谢谢

尝试使用CSS打印样式表，看看谷歌的

---

关于为什么它实际上不打印整个页面，我假设您在打印对话框中缺少一个设置，该设置说明了如何进行打印。

您应该使用单独的css文件来打印页面或使用css3媒体查询：

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

或者在主css文件中：

@media print {
      body, html, #wrapper {
          width: 100%;
      }
}

使用

body，html{margin top:0%；
显示：块；
高度：100%；}

我上一次处理这个问题是在IE6中（因此我的建议可能已经过时），但在那时，任何带有溢出隐藏内容的iFrame或其他元素都将只打印屏幕上可见的内容-如果您考虑一下如果有不同长度内容的并排iFrame会发生什么情况，这是有意义的。我们通过让打印按钮打开一个子窗口，其中包含当前页面的打印预览版本，该版本将所有iFrame替换为div，然后在预览窗口上调用

window.print（）

。谢谢，您的意思是我必须创建一个css文件print.css。我不想包含在打印中的内容，给它们ID，然后将它们的显示设置为“无”。在我的页面上包含此声明后，当我单击“打印”按钮时，浏览器将使用此print.css文件打印页面。是吗？@Basit，是的，浏览器使用css打印样式表打印页面。通过这种方式，您可以完全控制元素的样式。我的页面上包含了一个css文件。我将这些行添加到我的文件

@media print{body，html{width:100%；}}

。我什么也没做。我的理解是打印html文档中的任何内容？它是？但它仍然没有打印整个主体，这意味着内部的所有元素。@Basit当您将100%设置为主体时，请确保将百分比值设置为其他元素，例如#边栏40%使用大像素值溢出设计。我很高兴这能帮到您，您可以在打印部分添加一些样式以覆盖滚动条

@media print {
      body, html, #wrapper {
          width: 100%;
      }
}