Html 使用CSS打印介质时,在一个页面中安装多个页面
我想打印多个页面,比如在一个页面中打印2个(每个50%)或4个(每个25%),方法是使用CSS媒体打印缩小页面。我只能看到打印时更改页面设置之类的选项,但我不希望这样。有人能提出一些建议吗Html 使用CSS打印介质时,在一个页面中安装多个页面,html,css,css-print,Html,Css,Css Print,我想打印多个页面,比如在一个页面中打印2个(每个50%)或4个(每个25%),方法是使用CSS媒体打印缩小页面。我只能看到打印时更改页面设置之类的选项,但我不希望这样。有人能提出一些建议吗 演示表 @媒体印刷品{ a[href]{内容:无!重要; 桌子{ 显示:表格; 边界塌陷:分离; 边界间距:2px; } thead{display:表头组;} tfoot{显示:表页脚组;} tr{内部分页符:避免;} .第页{ 分页符后:始终; } 航向来了 页眉 自动化 手册 混合的 表尾 文件1
演示表
@媒体印刷品{
a[href]{内容:无!重要;
桌子{
显示:表格;
边界塌陷:分离;
边界间距:2px;
}
thead{display:表头组;}
tfoot{显示:表页脚组;}
tr{内部分页符:避免;}
.第页{
分页符后:始终;
}
航向来了
页眉
自动化
手册
混合的
表尾
文件1
文件1第1列
文件1第2列
文件1
文件1第1列
文件1第2列
文件2
文件2第1列
文件2第2列
请发布您尝试的代码。这是CSS代码,下面的其余部分是HTML表格代码,我无法发布,因为它超出了字数限制。请发布您尝试的代码。这是CSS代码,下面的其余部分是HTML表格代码,我无法发布,因为它超出了字数限制。
<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