Question

这是用户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>

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

见这个草图：

content divided in pages

Answer 1

你的问题似乎归结为（改述）：

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

据我所知，你不能这么做。

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

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

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

表的分页符

1 个答案: