html打印,可以控制换页

2023-10-30

显示效果:

在这里插入图片描述

核心代码:

 <style>

        @media 
        {
            .pageBreak
            {
                page-break-after: always;
            }
        }
    </style>

<!--如果需要强制换页就在上一页的未尾出加上此div-->
<div class="pageBreak">

</div>

完整代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打印</title>
    <style>

        @media 
        {
            .pageBreak
            {
                page-break-after: always;
            }
        }
    </style>
</head>
<body>
<!--startprint-->
这个标签里面是打印的东西
第一页
<!--如果需要强制换页就在上一页的未尾出加上此div-->
<div class="pageBreak">

</div>
第二页
结束
<!--endprint-->
</body>
<script type="text/javascript">
   /* bdhtml=window.document.body.innerHTML;
    sprnstr="<!--startprint-->";
    eprnstr="<!--endprint-->";
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML=prnhtml;
    window.print();*/
</script>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html打印,可以控制换页 的相关文章

随机推荐

  • C语言编写九九乘法表

    文章目录 基于C语言的九九乘法表实现 1 右上三角 2 左下三角 3 左上三角 4 右下三角 基于C语言的九九乘法表实现 1 右上三角 九九乘法表 右上三角 include
  • IDEA2019自动定位文件

    今天帮同时设置一下 idea自动定位文件 突然发现 idea2019的设置和以前不同了 今天就来记录一下 点击设置按钮 勾选住always select opened file就可以了
  • 学习笔记:关于上拉输入、下拉输入、模拟输入、浮空输入、推挽输出、开漏输出、复用输出的区别

    1 上拉输入 上拉就是把电位拉高 比如拉到Vcc 上拉就是将不确定的信号通过一个电阻嵌位在高电平 电阻同时起限流作用 弱强只是上拉电阻的阻值不同 没有什么严格区分 2 下拉输入 就是把电压拉低 拉到GND 与上拉原理相似 3 浮空输入 浮空
  • PCA:利用PCA(四个主成分的贡献率就才达100%)降维提高测试集辛烷值含量预测准确度并《测试集辛烷值含量预测结果对比》—Jason niu...

    load spectra temp randperm size NIR 1 P train NIR temp 1 50 T train octane temp 1 50 P test NIR temp 51 end T test octan
  • 游戏开发unity编辑器扩展知识系列:自定义菜单子项MenuItem

    参考 https blog csdn net leonardo davinci article details 78503601
  • 爬虫逆向实战(18)-某得科技登录(base64、cookie)

    一 数据接口分析 主页地址 某得科技 1 抓包 通过抓包可以发现数据接口是AjaxLogin 2 判断是否有加密参数 请求参数是否加密 查看 载荷 模块可以发现有一个password加密参数和一个 RequestVerificationTo
  • 排序算法浅识

    排序说简单也简单 说复杂某些地方也是有些绕 这里做做笔记 帮助自己记忆和理解常接触的排序算法到底是什么鬼 什么是排序 其实就是排大小啊大佬 排序的稳定性 为何排序的稳定性很重要 在初学排序时会觉得稳定性有这么重要吗 两个一样的元素的顺序有这
  • Android studio将一个项目作为module导入另一个项目

    1 把要导入的项目变为module 把项目build gradle文件下的 apply plugin com android application 改为 apply plugin com android library 同时删除文件中的
  • 信息检索——查询似然模型(例题)

    例题 信息检索导论 修订版 习题12 7 假定某文档集有如下4篇文档组成 为该文档集建立一个查询似然模型 假定采用文档语言模型和文档集语言模型的混合模型 权重均为0 5 采用MLE来估计两个一元模型 计算在查询click shears以及c
  • 阿里云服务器安装宝塔面板完整图文教程

    下面稍微介绍一下如何使用阿里云服务器安装宝塔面板 概述 如果还有不了解宝塔面板怎么使用的小伙伴 可以看下我总结的系列教程 保证从新手变老鸟 宝塔面板精选教程汇总 宝塔面板教程 1 基于云服务器搭建宝塔面板教程最全详解 宝塔面板教程 2 宝塔
  • 数据的相似性

    相异性矩阵 衡量数据对象之间相关的程度 d i j 表示第i个数据与第j个数据之间的距离 计算数据之间的距离 类别属性 我们可以用失配比的方法进行计算 两个数的失配比指它们中值 不相等 的属性个数占总属性个数的比例 如 计算距离时没有必要考
  • STM32 进阶教程 18 – ADC间断模式

    前言 STM32 的ADC拥有连续扫描模式 也有间断模式 间断模式较扫描模式需要更多的触发事件才能完成所有的通道转换操作 在实际工程应用中 可以利用间断模式实现一些特殊应用 关于间断模式 在STM32的数据手册中有如下描述 本节将给大家展示
  • 用xpath取出属性值的文本

    使用 xpath 取出属性值的文本的方法如下 在 xpath 表达式中使用 符号来选择元素的属性 例如 如果要选择元素的 class 属性 可以使用 class 使用文本函数来获取元素的文本值 例如 要获取 class 属性值的文本 可以使
  • 手写数据库连接池

    数据库连接是个耗时操作 对数据库连接的高效管理影响应用程序的性能指标 数据库连接池正是针对这个问题提出来的 数据库连接池负责分配 管理和释放数据库连接 它允许应用程序重复使用一个现有的数据路连接 而不需要每次重新建立一个新的连接 利用数据库
  • QPieSeries QPieSlice label 标签重叠解决方案

    demo 下载地址在最后 通常我们在用QPieSeries 做饼状图 并且饼状图几个部分差别不太大时 label 标签展示都是正常的 期望如下图 一般情况下做这种饼状图很简单 如 QPieSeries series new QPieSeri
  • postman测试文件下载时bug

    近日 写了一个图片下载的接口 遇到了中文乱码问题 笔者一直找解决方案 不断测试 结果 方案均无效 后来请教了大神 他在我做出代码中加了一行 fileName new String fileName getBytes UTF 8 ISO 88
  • mvn deploy时返回400解决方法.md

    使用mvn deploy命令 将打包后的jar包上传到私服时 出现了下面的问题 Return code is 400 ReasonPhrase Bad Request gt Help 1 一般通用有3个导致出现上面问题的原因 1 pom x
  • 关于IKEv2中安全策略索引SPI的生成

    首先引入一个PF key的概念 PF KEY Key Management API 提供IKE模块和IPSec核心之间的接口 在RFC 2367中 有一个SADB GETSPI消息 这个消息就是实现允许一个进程获取SPI值 该值标识所给的s
  • GTest基础学习-05-第5个单元测试-父test fixture和子test fixture的使用

    这篇来学习Gtest官方示例中的第5个 为什么直接跳过第4个 因为第四个是测试一个简单的计数器 看了下单元测试内容 没有新的知识点 就一个TEST 里面使用了连续3 4个EXPECT TRUE断言宏 完全没有任何新的知识点 就不再介绍第4个
  • html打印,可以控制换页

    显示效果 核心代码 div class pageBreak div 完整代码