`
天梯梦
  • 浏览: 13732388 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

搞定网页打印自动分页问题

 
阅读更多

设计过程出现一个困难问题,一个php生成的HTML页面有多个表格,要求必须自动分开打印到几张A4纸张上面.经过询问资深人士,结果统一回答,HTML页面无法做打印时自动分页面打印.于是乎正准备放弃这个分页面打印念头,郁闷着被笑话着被困扰着.

一个表格被分开打印到两张A4上,多难看啊....

无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after
分别对应的 参数是: auto; always; left; right;
于是尝试建立一张HTML,如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>分页测试</title>
<style type="text/css">
<!--
.A4 {        
	page-break-before: auto;        
	page-break-after: always;
}
-->
</style>
</head>

<body>
	<div class="A4">第一页</div>
	<div class="A4">第二页</div>
</body>
</html>


于是解决了问题.....显示时是连续的,当你选择打印预览时,你会看到,已经是自动分开两页打印.

 

原文:http://sun0768.com.cn/read.php/106.htm

分享到:
评论
1 楼 July01 2017-09-26  
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而且不会崩溃。参考http://webprint.stratoio.com/features

相关推荐

    VUE打印demo,自动分页

    在这个“VUE打印demo,自动分页”项目中,我们将会探讨如何在Vue应用中实现打印功能并配合自动分页,这在开发报表或文档展示等场景中非常常见。 首先,让我们了解Vue.js中的组件化开发。Vue应用由多个可复用的组件...

    网页报表表格自动分页打印 超好

    网页报表表格自动分页打印是网页设计中一个重要的技术环节,尤其在处理大量数据时,确保表格内容在A4纸上整洁、美观地呈现是至关重要的。网页表格默认的打印方式可能会导致内容在不同页面间断开,这不仅影响阅读体验...

    【JavaScript源代码】vue实现页面打印自动分页的两种方法.docx

    在Vue.js应用中,实现页面打印自动分页是常见的需求,尤其在处理大量数据或复杂的报表时。本文将介绍两种方法来实现这一功能,主要基于JavaScript。这两种方法都是通过自定义函数来处理打印过程,确保内容能正确地...

    Excel表格如何分页打印自动分页取消分页等技巧.doc

    在Excel表格中,如何实现分页打印、自动分页、取消分页等技巧是一个非常重要的问题。特别是在制作多个表格时,我们希望将每个表格分别打印到每一张纸上面,每张纸上面只打印一个表格。下面我们就来探讨如何在Excel中...

    打印自动分页.zip

    "打印自动分页"是一项关键技术,它允许用户将长页面内容合理地分隔到多个打印页面,确保信息完整且易于阅读。JS(JavaScript)作为网页开发中的主要脚本语言,提供了实现这一功能的能力。本文将深入探讨JS+HTML实现...

    Excel表格如何分页打印、自动分页、取消分页等技巧

    下面我们将为大家详细介绍Excel表格如何分页打印、自动分页、取消分页等技巧。 手动分页打印 在Excel中,我们可以通过设置手动分页来实现多个表格的分页打印。下面是具体的操作步骤: 1. 进入“视图”选项卡,...

    js实现打印,可以自动分页!

    js打印,将数据读取到打印页面,用js截取,从而...打印的时候如果页面数据过多,打印机可以自动分页打印!我的是hp的打印机,下载的朋友可以试试!注意,本人声明:这个并不是针对于打印分页而写,只是普通的js打印!

    jquery打印HTML表格自动分页

    "jquery打印HTML表格自动分页"这个主题是关于如何利用jQuery来实现在用户打印HTML表格时自动进行分页的功能,这样可以确保长表格在打印时不被裁剪,而是以多页的形式呈现。 首先,要实现这一功能,我们需要理解HTML...

    jQ导出PDF自动分页打印代码.zip

    "jQ导出PDF自动分页打印代码.zip" 提供的是一套基于jQuery和CSS特效的解决方案,旨在帮助开发者高效地完成这项任务。下面我们将详细探讨这个代码包中的关键知识点。 首先,jQuery是一个广泛使用的JavaScript库,它...

    分页打印gridview

    "分页打印gridview"这个主题涉及到如何在C#中利用DataGridView控件实现数据的分页打印,每页限制一定的记录数量,比如本例中的10条记录。 首先,理解DataGridView控件。这是一个强大的表格视图控件,用于显示数据源...

    打印分页,html强制分页

    打印分页,html强制分页,一个表格一页,可以查看打印预览

    HTML print打印(分页,统计,排版)

    * 基于jquery的打印分页插件 * 方法API: * loadDate data,model,shownum(数据源[数组],模板页面,每页显示数) data 建议最大数据量不要超过500 * loadTABLE 利用模版创建TABLE代码 * insertTABLE 插入数据 ...

    jqprint可分页打印页面内容

    总结起来,jqPrint是一个强大的工具,能够帮助开发者轻松实现网页内容的分页打印。通过合理的配置和使用,我们可以创建出符合用户需求的高质量打印输出。在实际项目中,结合后端服务(如Java)进行集成,可以提供...

    网页超长文章自动分页

    因此,采用自动分页的方式可以有效地解决这些问题。 #### 二、HTML结构设计 首先,我们需要构建基本的HTML结构来承载文章内容和分页导航栏。以下是一个简单的示例: ```html &lt;!DOCTYPE html&gt; 超长文章自动...

    JS 实现web分页打印功能

    本篇将详细介绍如何利用JS的`Window`对象的`print()`方法来实现一个具有强大兼容性的分页打印功能。 首先,`Window.print()`方法是JavaScript中用于调用浏览器内置的打印对话框的函数,用户可以在该对话框中选择...

    包括打印预览和分页打印

    本文将深入探讨“包括打印预览和分页打印”这一主题,以及如何在C++编程中实现这样的功能。 首先,我们要理解什么是打印预览和分页打印。打印预览是用户在实际打印前查看文档在纸张上呈现效果的功能,它允许用户在...

    js控制分页打印、打印分页示例

    代码如下: &lt;&#37;... charset=UTF-8″ pageEncoding=”UTF-8″%&gt; &lt;!... &lt;HEAD&gt;...javascript打印-打印页面设置-打印预览代码&lt;/TITLE&gt; &lt;META http-equiv=Content-Type content=”text/html

    Qt表格分页打印

    在Qt框架中,实现表格数据的分页打印是一项常见的任务,尤其在开发桌面应用程序时,用户可能需要将大量数据从GUI界面导出到纸质媒介。...通过以上步骤和技巧,可以有效地解决在Qt应用中进行表格分页打印的问题。

    asp完美打印组件 支持打印预览 打印分页等许多强大功能

    ASP完美打印组件是一款专为ASP(Active Server Pages)开发的应用程序,它提供了强大的打印功能,包括打印预览和分页,极大地增强了ASP应用程序在处理打印任务时的能力。这款组件是Web开发者的重要工具,使得在...

    MyBatis自动分页实现

    但是,在实际应用中,分页问题经常困扰开发者。要实现分页,开发者需要手动编写代码来实现分页逻辑,这不仅增加了开发难度,也降低了代码的可读性和可维护性。幸运的是,MyBatis 提供了一个自动分页实现的解决方案,...

Global site tag (gtag.js) - Google Analytics