Question

我有一个使用primefaces组件的项目。但是当我选择File＆gt;从浏览器打印预览，它是一个很大的混乱。我做了一些谷歌搜索，并了解我们可以创建一个print.css来解决它。但我没有看到任何改进。

有没有办法复制屏幕上的内容进行打印？

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 25pt;
}

h1,h2,h3 {
    page-break-after: avoid;
    page-break-inside: avoid;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 0.5pt solid #000;
}

th,td {
    display: table-cell;
    border-bottom: 0.5pt solid #000;
}

blockquote {
    page-break-inside: avoid
}

ul,ol,dl {
    page-break-before: avoid
}

.noprint,.noscreen,#search,#nav,#aside {
    display: none;
}

#main {
    width: 100%;
}

#header {
    border-bottom: 0.5pt solid #000;
}

#footer {
    border-top: 0.5pt solid #000;
}

Answer 1

你使用的css 出于打印目的，您可以使用相同的css，但具有额外的属性

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

元素media = "print"

放这个，你的预览工作正常

Answer 2

您可以使用print.css为您的打印布局提供优化的样式，并订购“大麻烦”。

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

有没有办法复制屏幕上的内容进行打印？

如果我让你在这里，这可能会对你有所帮助：jQuery Waypoints

http://imakewebthings.com/jquery-waypoints/examples/scroll-analytics/

复制打印时屏幕上的内容

2 个答案: