Javascript 表格分页符_Javascript_Html

Javascript 表格分页符

javascript html

Javascript 表格分页符,javascript,html,Javascript,Html,这是用户HTML输入的结构： <body> <div id="main"> <div id="extra"> <table></table> </div> <div id="extra"> <table></table> </div> <div id="extra"> <table></table>

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

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

请参见此草图：

您的问题似乎归结为（重新措辞）：

如何检测

打印

媒体中的分页符位置，并相应地调整

屏幕

媒体CSS甚至HTML

据我所知，你不可能做到这一点

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

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

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

您有很多上下文，但基本上您的问题似乎归结为：“我如何检测

打印

媒体中的分页符位置，并相应地调整我的

屏幕

媒体CSS？”，对吗？@Jeroen谢谢，这是真的，内容是“表格”“应该强调。我以前问过简化的问题，但似乎没有具体的答案，或者只是简单地给出了字符内容的解决方案。所以我决定做一个详细的描述。这不是小事，HTML不是一种打印媒介，当你需要进行分页符时，你需要根据你的内容进行计算。HTML将无法为您执行此操作。