html - 确保一个部分打印在同一页上

标签 html css printing

我正在尝试找出是否有一种方法可以确保我返回的页面上的某些元素在打印时不会被拆分,即。 <div><fieldset> .我知道为打印做一个 css,但我不确定是否有一个属性我可以分配给一个元素来确保这一点。

最佳答案

为此目的的 CSS 声明是 page-break-inside: avoid,但浏览器对其的支持仍然相当有限。请注意,网络上的各种 CSS 支持摘要文档可能对此过于乐观。真正的支持似乎是关于 Opera 和 IE 8+(标准模式),但有限制。

page-break-before: always 声明的作用范围更广,通过在元素之前强制分页,您或多或少可以确保换行符不会出现在其中(如果可以的话)避免。但这是相当有问题的方法,因为您很可能会强制使用许多不需要的分页符,并且可能会导致非常糟糕的结果(例如,只有一行的页面 - 由于它之前的自然分页符和之后的强制分页符).

关于html - 确保一个部分打印在同一页上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9747552/

相关文章:

使用 wkhtmltopdf 小于 4px @300dpi 的 Css 边框

javascript - 在 birt 中缩放到 "Fit All Columns on One Page"

javascript - 如何使用 Jquery 动态弹出数据

html - 这个 fiddle 中额外的 5px 从哪里来?

html - 在 TD 中显示 iframe

css - 没有应用 CSS 的分页 kaminari

html - 当悬停在自身而不是父元素上时,元素保留父元素的悬停属性

javascript - 不允许 HTTP 405 方法,似乎是 CORS 问题

html - 扩展屏幕宽度时从 2 列变为 3 列

PHP if/else 语句插入 MYSQL 表不起作用