代码之家 › 专栏 › 技术社区 › Patrick McElhaney

CSS中的分页符属性应该如何工作?

printing css

Patrick McElhaney · 技术社区 · 15 年前

现代浏览器是 supposed to support the CSS page-break properties 在某种程度上。但是,当我使用时,没有任何浏览器可以以任何方式打印。 avoid , widows 或 orphans . 是我做错了,还是浏览器支持不如广告上说的那么可靠?

      h2 {
        page-break-after: avoid;
      }                         

      p {
        page-break-inside: avoid;   
        orphans: 2;
        widows: 2;
      }

3 回复 | 直到 15 年前

ChrisLively 15 年前

浏览器支持打印很糟糕。不只是一点点,而是完全没有比较。大约每隔一年(过去10年),我都会玩这个游戏,我总是得出同样的结论:不要依赖浏览器来处理好打印。

如果它必须正确定位,那么就动态地创建一个PDF文件,并让用户打印它。

JGood 15 年前

如果你想做一个分页符,我知道这是它的工作方式,至少在firefox和ie中是这样的。上次我检查这个是在ie7中工作的。

Page 1

<br style="page-break-after:always" />

Page 2

它应该在单独的纸张上打印页面,完全取决于浏览器。

Jon Snyder 15 年前

我知道这会违背所有人关于HTML开发的说法,但是使用桌子 . 把需要放在一起的内容放在一张表中,这样页面就不会被拆分到表的中间。如果表的长度超过一页,那么它将被拆分到表中间的某个位置,但使用表是在打印时保持内容一致的一种好方法。

推荐文章

include · Bash,将结果awk{print$1}与某物进行比较,如果为true,则返回awk{print$2}

2 年前

Alireza Pirmahdi · 我的代码多次执行打印语句,我只想执行一次

2 年前

I.M. · Ruby Watir reference Chrome打印预览

6 年前

PruitIgoe · Swift:打印分隔符不在数组项之间添加空格

6 年前

Wizard · 在Python中使用if语句打印二维数组

6 年前

Rich · 如何记录日志。是否与操作员一起调试?

6 年前

alvas · %6.4f的现代打印版本是什么?

6 年前

j panton · 在Python中同时打印多个表

6 年前

aziz · Datatables打印问题-分页符前的红线

6 年前

Ibber Chochem · 如何定义ESC/POS中参数的长度?

6 年前