`
悟空派来的猴子
  • 浏览: 64901 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

HTML 打印 换页

阅读更多
打印 HTML 无法强制换页其实是一件很令人困扰的事,要达到这个功能其实可以透过 CSS 的 Pagebreak 来处理。
强制分页有大概只有二种用的到:


{ page-break-after: always; /*在标签后换页*/ }
{ page-break-before: always; /*在标签前换页*/ }


这二个当中,大概最常用的就是 page-break-after: always,就是在指定的标签后强制换页,可以参考下面的 HTML 范例:

<div STYLE="page-break-after: always;"> 第一页 </div> 第二页

再来就可以试着打印看看效果如何。
其它 CSS 打印相关属性可以参考:


分享到:
评论

相关推荐

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

    网页是通过HTML和CSS来布局和样式化的,而打印则是将这些内容转换到物理媒介(如纸张)上。在打印过程中,浏览器会根据CSS的@media print规则调整样式,并根据页面大小(通常设定为A4)进行分页。 针对描述中提到的...

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

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

    html打印分页自带表头表尾

    需要自己写打印程序时,会遇到打印分页都需有表头表尾的问题,html打印分页自带表头表尾,可以参考学习下

    JS 实现web分页打印功能

    在Web开发中,有时我们需要为用户提供打印功能,以便他们可以将网页内容输出到纸质媒介上。JavaScript(简称JS)作为浏览器端的主要脚本语言,提供了这样的能力。本篇将详细介绍如何利用JS的`Window`对象的`print()`...

    免费DataGridView打印及.NET轻松打印控件6.01版(VB打印,C#打印,图表打印,Excel导入导出,多表头显示与打印)

    4、文本打印输出功能,控件提供多个文本打印重载函数,打印文本时,如果需要,控件会自动换行和换页打印输出。还增加了以指定行间距及字符间距打印文本的功能,可以用固定行距,也可以用单倍或多倍行距打印文本。 5...

    C#web打印之WebBrowser

    同时,可以利用WebBrowser控件的`DocumentCompleted`事件来确保HTML完全加载后才执行打印操作,以防止打印不完整的内容。 ```csharp webBrowser1.DocumentCompleted += (sender, e) =&gt; { webBrowser1.Print(); }; ...

    VUE打印demo,自动分页

    `public`目录则包含了非Vue编译的静态资源,比如HTML模板、图片、字体等。 `babel.config.js`用于配置Babel,将现代JavaScript语法转换为浏览器兼容的版本。`package-lock.json`和`package.json`是npm包管理的文件...

    基于qt的html转换pdf代码

    在IT领域,将HTML文件转换为PDF格式是一项常见的需求,这在文档处理、报表生成或网页打印时尤为有用。Qt是一个跨平台的应用程序开发框架,它提供了丰富的API,可以用于创建GUI应用程序以及进行各种系统级别的交互。...

    js javascript js控制分页打印,打印分页

    有一些库和工具可以帮助简化这个过程,比如`jsPDF` 和 `html2canvas`,它们允许你在客户端生成PDF,从而实现更复杂的打印控制。例如,`jsPDF` 可以用来创建多页PDF,而`html2canvas`可以将HTML转换为图片,然后添加...

    免费DataGridView打印及.NET轻松打印控件5.0版

    10、增加了打印XML格式的HTML文档的功能(目前只支持部分HTML标记,不支持表格及图片等标记,请参见DrawXML函数) 11、对帮助文件做了进一步的修订 12、增加了很多新的演示实例。 13、其他一些完善和修改。 本控件...

    .net 页面指定区域打印的方法

    本文将详细介绍如何利用HTML、CSS与JavaScript实现.NET页面中指定区域的打印功能,并提供了三种不同的实现方案。 #### 第一种方法:使用CSS隐藏非打印内容 这种方法适用于需要将页面中的某一部分排除在打印范围...

    调用IE内置打印组件完成web打印方案及例程

    当需要在打印输出中强制换页时,可以在合适的位置插入一个带有`.PageNext`类的`&lt;div&gt;`元素。 4. **表格样式定义**: - **基本表格样式**: ```css .tdp { border-bottom: 1px solid #000000; border-left: 1...

    asp.net调用JavaScript打印

    4. **HTML结构**:页面结构的设计对打印效果的影响。 #### 实现步骤详解: ### 1. 使用 ActiveX 对象设置打印选项 在提供的代码片段中,可以看到通过JavaScript与IE浏览器的ActiveX对象`WScript.Shell`交互来修改...

    web打印大全

    通过在HTML头部使用CSS样式规则`&lt;STYLE&gt;P{page-break-after:always}&lt;/STYLE&gt;`,可以控制每个段落(`&lt;P&gt;`)之后自动换页,从而实现在多页打印时的合理布局。这对于打印长篇文档或报表特别有用,可以确保每个段落或记录...

    前端打印时js分页实现共几页和第几页

    本文将详细介绍如何使用JavaScript(js)在前端实现分页功能,包括显示总页数、当前页数,以及触底自动换页,并在每页表头增加固定部分,如金额大写转换和当前时间获取。 一、分页基础 1. 数据分块:分页的核心是...

    打印功能(jsp报表)

    `.PageNext`则用于控制浏览器在打印时自动换页。 #### 实现示例 如果想要立即看到效果,需要按照描述中的提示操作: 1. 删除代码中的`&lt;% %&gt;`部分,这部分是用来执行Java代码的。 2. 创建一个新的JSP页面,将上述...

    WEB打印,HTML转PDF工具 适配chrome headless和wkhtmltopdf docker镜像在线生成PDF

    WEB打印,HTML转PDF工具。... 只需专注用H5构件你的PDF内容,而无需关心分页及内容截断问题,内容满了,自动换页,支持预览、WEB打印、页码/目录、自定义页眉页脚。2.前后端皆可生成PDF,命令行PDF生成工具

    如何设置网页中页眉页脚的打印效果.pdf

    这允许我们在打印版式中强制换页。 ```css @media print { .page-break { page-break-after: always; } } ``` 以上这些是在CSS中控制页眉和页脚打印效果的一些基本方法。但遗憾的是,在提供的【部分内容】中,...

Global site tag (gtag.js) - Google Analytics