Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/postgresql/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用CSS打印介质时,在一个页面中安装多个页面_Html_Css_Css Print - Fatal编程技术网

Html 使用CSS打印介质时,在一个页面中安装多个页面

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

我想打印多个页面,比如在一个页面中打印2个(每个50%)或4个(每个25%),方法是使用CSS媒体打印缩小页面。我只能看到打印时更改页面设置之类的选项,但我不希望这样。有人能提出一些建议吗


演示表
@媒体印刷品{
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