2

这是用户 HTML 输入的结构：

<body>
 <div id="main">

  <div id="extra">
   <table></table>
  </div>
   <div id="extra">
   <table></table>
  </div>
  <div id="extra">
   <table></table>
  </div>
  <!-- more divs --> 

 </div>
</body>

我需要做的是显示这种结构分为pages，就像 Microsoft Word 一样。由于内容（表格）的大小不可预测，在数据上传后，表格的一部分可能会从页面溢出，因此溢出的部分应该移动到下一页。

看这个草图：

内容分页

4

1 回答 1

1

您的问题似乎归结为（改写）：

如何检测分页符在print媒体中的位置，并相应地调整我的screen媒体 CSS 甚至 HTML？

据我所知，你不能完全做到这一点。

“简单”的解决方法是猜测分页符发生的位置并在这些位置插入所需的类/元素。

一个“更难”但更细粒度的解决方案是使用 Javascript 来解析 DOM 并进行更精确的猜测。

在任何情况下，您都不能 100% 精确（如在 Word 中），因为您无法从页面中看到或控制外部因素，例如打印机属性、浏览器设置是否打印标题和页脚等

于 2013-06-16T10:20:52.457 回答