CSS - 使用正确的分页打印大列表？

Question

我尝试准备要打印的 jsTree 内容，但我在页面“边距”方面遇到了一些麻烦。问题是页面上的最后一行被他的高度截断了。请看这个 -

可以修复吗？

附注我准备了压缩示例，只有 jsTree 文件 - download

Answer 1

您需要使用 page-break-inside 并在 @media 查询中使用它以获取您的 CSS。

@media print {
  ul, ul li {
    page-break-inside: avoid;
  }
}

这会告诉浏览器处于打印模式时，避免断行或文本。

当前浏览器支持:

• Chrome - 1.0+
• Firefox(壁虎)- 19.0+
• Internet Explorer - 8.0+
• 歌剧 - 7.0+
• Safari - 1.3+ (312)