javascript - 为上传的 HTML 表格模拟分页效果

Question

我一直在寻找我的问题的答案，但仍然不知道如何处理它。

这里我有一个页面，“页面”的大小是固定的。它的内容是我上传的 HTML 文件，它由多行的多个表组成（我不知道如何在 stackoverflow 中实现上传，所以我直接将它们放在 HTML 中）。

由于纸张的大小是固定的，我的表格的某些部分被隐藏了。所以我需要做的是在多个页面中显示它们，应该看起来像下面的草图。

这是草图：>>>点击查看<<<

这是小提琴中的示例：>>> FIDDLE SAMPLE <<<

以下是我项目中的部分代码：

function xx (){

var fi = document.getElementById('fi').files[0];          

    reader.onload = function (e){            
        var reader = new FileReader();                     
        var inner ="";
        inner  += this.result;

        inn.innerHTML ="<center><div class='bg' id='0'><div id='testmain'>"+inner+"</div></div></center>";

    }

    reader.onerror = function (e){
        dd.innerHTML = "error<br>";
    }
    reader.readAsText(fi);
}

非常感谢！

Answer 1

CSS2 让您可以在使用类似 打印时对分页符进行一些控制page-break-before: always;，但它仅适用于现代浏览器。