博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
谷歌打印html界面布局方法(当一页展示不完的情况下,在新的页面展示)
阅读量:4109 次
发布时间:2019-05-25

本文共 341 字,大约阅读时间需要 1 分钟。

最近在写打印html 界面遇到了一些问题,一下是我们解决方案,希望对你有用.

第一个是如何强制分页.比如我们有章节性的内容的时候,在某章节结束后,下一章节另起新的一页.
第二个问题是,关联性较强的内容,当一页展示不完的情况下,在新的页面展示

1.强制分页的方法

例子如下,当我们想让B块的代码重新分页打印的话,那我们需要在A块代码中加入 page-break-after: always

A
B

2.关联性较强的内容,当一页展示不完的情况下,在新的页面展示

当我们想让C块内容在展示不完的情况下分到下一页面展示 加入page-break-inside: avoid

C

3.如何设置打印出来的外边距

总盒子

转载地址:http://kcosi.baihongyu.com/

你可能感兴趣的文章
leetcode----91. Decode Ways
查看>>
leetcode----92. Reverse Linked List II
查看>>
leetcode----93. Restore IP Addresses
查看>>
leetcode----94. Binary Tree Inorder Traversal
查看>>
leetcode----96. Unique Binary Search Trees
查看>>
leetcode----95. Unique Binary Search Trees II
查看>>
leetcode----98. Validate Binary Search Tree
查看>>
leetcode----102. Binary Tree Level Order Traversal
查看>>
leetcode----105. Construct Binary Tree from Preorder and Inorder Traversal
查看>>
leetcode----106. Construct Binary Tree from Inorder and Postorder Traversal
查看>>
leetcode----109. Convert Sorted List to Binary Search Tree
查看>>
Java实现字典树处理海量数据查重
查看>>
leetcode----113. Path Sum II
查看>>
leetcode----114. Flatten Binary Tree to Linked List
查看>>
leetcode----116. Populating Next Right Pointers in Each Node
查看>>
leetcode----117. Populating Next Right Pointers in Each Node
查看>>
leetcode----120. Triangle
查看>>
leetcode----127. Word Ladder
查看>>
leetcode----129. Sum Root to Leaf Numbers
查看>>
leetcode----130. Surrounded Regions
查看>>