-1

我有一个使用 primefaces 组件的项目。但是当我从浏览器中选择文件 > 打印预览时，它是一团糟。我做了一些谷歌搜索，了解到我们可以创建一个 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;
}
4

2 回答 2

0

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

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

元素media = "print"

放这个，你的预览就可以了

于 2013-09-24T10:27:03.437 回答
0

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

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

有什么方法可以复制屏幕上的打印内容吗？

如果我在这里找到您，这可能会对您有所帮助：jQuery Waypoints

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

于 2013-09-24T10:30:30.147 回答