将html页面打印，打印出来的页面分隔难以控制，通过以下方法可以做到页面严格按预想的打印。
1、严格控制div的高度，将body、div的纵向padding、margin都设为0，border也设为0
2、打印时选无边距打印
<!DOCTYPE html PUBaC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>
</title>
<style>
body {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
.warpper {
height:370px;
padding:0px 20px;
border:0px;
}
.content {
height:320px;
}
.blank {
height:30px;
}
</style>
</head>
<body>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
</body>
</html>
相关推荐
jqPrint的核心功能就是能够将HTML元素，如一个`<div>`或`<table>`，甚至是整个页面的内容，按照打印机的页面设置进行分页打印。它能够自动处理页面断点，确保内容不会因为超出一页而被截断。这对于展示大量数据或者...
例如，如果每页可以打印25行，那么在打印前需要将数据分块，每25行作为一个打印页面。 2. **设置打印选项**：使用QPrinter设置合适的纸张大小、方向、分辨率等。QPrinter::setPageMargins可以用来设置页边距，确保...
分页打印的核心在于将大量数据切割成多个部分（页面），然后逐个打印。在C#中，这通常通过以下步骤实现： 1. **数据准备**：确保数据源已经加载到DataGridView中，可以是数据库查询结果、CSV文件或任何其他数据结构...
在Web开发中，有时我们需要为用户提供打印功能，以便他们可以将网页内容输出到纸质媒介上。JavaScript（简称JS）作为浏览器端的主要脚本语言，提供了这样的能力。本篇将详细介绍如何利用JS的`Window`对象的`print()`...
代码如下: <%@ page language=”java” contentType=”text/html; charset=UTF-8″ ...javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content=”text/html
* 基于jquery的打印分页插件 * 方法API: * loadDate data,model,shownum(数据源[数组],模板页面,每页显示数) data 建议最大数据量不要超过500 * loadTABLE 利用模版创建TABLE代码 * insertTABLE 插入数据 ...
网页报表表格自动分页打印是网页设计中一个重要的技术环节，尤其在处理大量数据时，确保表格内容在A4纸上整洁、美观地呈现是至关重要的。网页表格默认的打印方式可能会导致内容在不同页面间断开，这不仅影响阅读体验...
本文将深入讲解C#中的打印API，以及如何利用这些API来创建一个能够进行分页打印的源码实例。 C#提供了一个名为`System.Drawing.Printing`的命名空间，其中包含了许多用于控制打印机的类和方法。主要涉及的类有`...
lodop批量分页打印实现，方便省事快速，解决bs系统难题。
在打印之前，可以使用CSS来调整打印页面的布局，比如隐藏不需要打印的元素，调整分页表格的样式等。 7. **清理**：在打印结束后，记得清理分页后的表格结构，恢复原始表格的显示。 在实现这个功能时，可能还会遇到...
- `DocumentPaginator`：这个接口定义了文档分页的逻辑，它提供了获取总页数、打印单个页面等功能。 - `FixedDocument`：这是WPF中一个用于表示固定布局的文档类，适用于打印和预览。每个页面由`FixedPage`对象...
需要自己写打印程序时，会遇到打印分页都需有表头表尾的问题，html打印分页自带表头表尾，可以参考学习下
"Excel表格分页打印技巧详解" Excel表格是我们在日常工作中经常使用的一种办公软件，它具有强大的数据处理和分析能力。但是，许多用户在使用Excel表格时，仍然存在一些难题，例如如何将多个表格分页打印到每一张纸...
总结来说，`window.print()` 分页打印涉及到HTML和CSS的综合运用，包括媒体查询、页面断行控制等技术。理解和掌握这些知识点对于开发高效、用户友好的打印功能至关重要。在实际应用中，应结合`printTest.html`等示例...
3. **分页处理**：遍历PDF的每个页面，使用API将每个页面转换为适合打印的格式，并发送到打印机。 4. **打印控制**：根据需要选择全部打印还是指定页码打印，控制打印顺序和方式。 5. **错误处理**：编写适当的错误...
打印分页，html强制分页，一个表格一页，可以查看打印预览
wpf分页打印打印(使用printDialog.PrintDocument打印flowDocument流文档)第一版本。以后功能完善了更新第二版本。 使用此方法打印：printDialog.PrintDocument(((IDocumentPaginatorSource)flowDocument)....
1.Web Html 分页打印 2.内容、图片、表格跨页断裂，封边 3.table并行、并列双边、重边 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化 5.页眉页脚，去除浏览默认，自定义内容、样式、位置 6.保持页脚...
在VC++编程环境中，分页打印是一项常见的任务，特别是在开发桌面应用程序时，用户可能需要将大量数据输出到纸质文档上。本资源“VC++实现分页打印”提供了一个简单的源代码示例，帮助开发者理解如何在VC++中利用MFC...
而分页打印则是指根据文档内容将其分割成多个页面进行逐页打印，尤其对于长文档而言，分页打印是必不可少的。 在C++中实现打印预览，通常会涉及到图形用户界面（GUI）的开发，比如使用Qt、MFC或wxWidgets等库。这些...