Размещение нескольких страниц на одной странице с использованием печатных носителей CSS
Я хочу напечатать несколько страниц, таких как 2(каждая по 50%) или 4(каждая по 25%) страницы на одной странице, сжимая их с помощью CSS media print. Я мог видеть только варианты, такие как изменение настроек страницы во время печати, но я не хочу этого. Может кто-нибудь предложить что-нибудь.
http://a-pdf.com/faq/i/combine-defined-pdf-pages-into-one-page-mode-a-b.png
<html>
<head>
<title>DEMO TABLE</title>
<meta charset="utf-8">
<style type="text/css">
@media print {
a[href]:after {content: none !important;
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
}
thead {display: table-header-group;}
tfoot {display: table-footer-group;}
tr { page-break-inside: avoid; }
.page {
page-break-after: always;
}
</style>
</head>
<body>
<h3>Heading Comes Here</h3>
<table border="1" style=”width: 100%”>
<!--<caption>TABLE HEADER</caption>-->
<div class="page-footer-space">PAGE HEADER</div>
<colgroup>
<col style="width: 20%" />
<col style="width: 40%" />
<col style="width: 40%" />
</colgroup>
<thead>
<tr>
<th rowspan="1">AUTOMATION</th>
<th rowspan="1">MANUAL</th>
<th rowspan="1">HYBRID</th>
</tr>
<tr>
<!--<th>NEW COL ONE</th>-->
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3">TABLE FOOTER</td>
</tr>
</tfoot>
<tbody>
<tr>
<th>FILE 1</th>
<td>FILE 1 COL 1</td>
<td>FILE 1 COL 2</td>
</tr>
<tr>
<th>FILE 1</th>
<td>FILE 1 COL 1</td>
<td>FILE 1 COL 2</td>
</tr>
<tr>
<th>FILE 2</th>
<td>FILE 2 COL 1</td>
<td>FILE 2 COL 2</td>
</tr>
<!--Like so-->
</tbody>
</table>
</body>
</html