Question

注意： - 请不要提供使用JAVASCRIPT的任何解决方案，这是我的限制，我只能使用CSS或HTML，无论如何。

我有一个问题，想要你的回复和你的建议，基本上我在HTML中有一个表格列表，现在我想实现一个功能，我希望将这个HTML页面导出为PDF。此HTML页面包含一个基于动态内容的表格数据列表，表示数据可以是50行或者可以是100行。
现在我想在那里提供一个功能，用户可以将数据导出为PDf格式，但问题是我想在将这些数据导出为PDF时使用格式，这意味着每个页面都应该包含标题图像和页脚图像格式;
我可以通过以下代码完成这种格式： -

.page_format{
 width:8in;
 height:11in;
 padding-top:100px;
 padding-bottom:100px;
 background-image: url (''); /* It is a page image which contains a header and footer */
 position:relative;
 }

 <!-- Code which we will use at HTML body side -->
 <div class="page_format">
 <!-- code start here for dynamic tables -->
</div>

实际问题是，我无法理解如何在每个页面上实现动态格式，意味着随着表格行的增加，页面自动增加，每行不应该被裁剪成页面，意味着一行应该不要分成多个页面。所以请给我一个解决方案，我在这里再次提出我的问题： -

- ＆GT;我想要一个功能，其中HTML页面应以格式化的PDF格式导出，其中包括每页上的页眉和页脚。

- ＆GT;导出的PDF应根据表行的动态内容自动格式化。

- ＆GT;表数据不应被裁剪或分为分页符。

表数据是动态的，因此随着内容的增加和新页面的启动，新页面应包含与包含的第一页相同的格式（表示页眉和页脚）。现在页眉和页脚格式应用于输出pdf的第一页，它不会出现在pdf导出的每一页中。

再次记住，我们只能使用CSS或HTML，这里不能使用其他方法。

Answer 1

我建议在主样式表中使用打印介质类型：

@media print
{
/* style sheet for print goes here */
}

或者你可以在它自己的样式表中分离打印样式：

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

这适用于File-＆gt;在浏览器中打印 - 将布局从print转换为PDF（或Microsoft XPS Document Writer）

如何使用包含页眉和页脚的自动页面格式将HTML页面导出为PDF格式

1 个答案: