CSS实现自动分页打印同时每页保留重复的自定义内容

假设有50条数据，打印时系统会自动分成两页，同时每页保留自定义的header和footer。

代码如下：

ctrl+p / command+p 唤起打印即可查看效果

注：不能使用 @page 规则修改所有的css属性，只能修改文档的 margin、orphans、windows 和分页符，对其他属性的修改无效。@page

yotcap

11 声望

0 粉丝

关注作者

0 条评论

得票最新

提交评论

评论支持部分 Markdown 语法：**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用 @ 来通知其他用户。

推荐阅读

CSS 绘制一只思否猫

欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^&lt...

XboxYan赞 46阅读 3.2k评论 14

还在用 JS 做节流吗？CSS 也可以防止按钮重复点击

举个例子：一个保存按钮，为了避免重复提交或者服务器考虑，往往需要对点击行为做一定的限制，比如只允许每300ms提交一次，这时候我想大部分同学都会到网上直接拷贝一段throttle函数，或者直接引用lodash工具库

XboxYan赞 35阅读 2.7k评论 2

【关于Javascript】--- 正则表达式篇

基础知识一、元字符 {代码...} 二、量词 {代码...} 三、集合 字符类 {代码...} 四、分支 {代码...} 五、边界 开始结束 {代码...} 六、修饰符 {代码...} 七、贪婪模式和非贪婪模式js默认贪婪模式即最大可能的匹配...

Jerry赞 35阅读 3.1k

CSS transition 小技巧！如何保留 hover 的状态？

欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...

XboxYan赞 30阅读 3.9k评论 2

CSS 如何设置自动滚动定位的“安全”间距？

欢迎关注我的公众号：前端侦探介绍两个和滚动定位相关的 CSS 属性：scroll-padding和 scroll-margin在平时开发中，经常会碰到需要快速定位的问题，比如常见的锚点定位 {代码...} 这样，在点击a标签时会自动定位到...

XboxYan赞 31阅读 2.5k评论 2

【已结束】SegmentFault 思否写作挑战赛！

SegmentFault 思否写作挑战赛 是思否社区新上线的系列社区活动在 2 月 8 日 正式面向社区所有用户开启；挑战赛中包含多个可供作者选择的热门技术方向，根据挑战难度分为多个等级，快来参与挑战，向更好的自己前进！

SegmentFault思否赞 20阅读 5k评论 10

由小见大！不规则造型按钮解决方案

今天，有个群友在群里提问，使用 CSS 能否实现下述这个图形：emmm，中间这个酷似三次贝塞尔曲线的造型，使用 CSS 不太好实现。我的建议是切图实现，然而群友要求一定要用 CSS 实现。虽然麻烦，但是这个图形勉强也...

chokcoco赞 17阅读 1.3k

yotcap

11 声望

0 粉丝

关注作者

宣传栏

文章目录

跟随