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

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

printing css

Patrick McElhaney · 技术社区 · 16 年前

现代浏览器是 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 回复 | 直到 16 年前

ChrisLively 16 年前

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

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

JGood 16 年前

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

Page 1

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

Page 2

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

Jon Snyder 16 年前

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

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

3 月前

Mass · 如何在Tailwind CSS v4中创建配置

3 月前

magenta placenta · 将css变量合并为一个变量

3 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

4 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

4 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

4 月前

Luckkks · 过渡色工作不正常

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前