-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 に答える