模拟上传的HTML表格的页面拼写效果

时间:2013-06-08 07:33:48

标签: javascript css html5

我一直在寻找我的问题的答案很长一段时间,但仍然不知道如何处理它。

这里我有一个页面,“页面”的大小是固定的。它的内容是我上传的HTML文件,其中包含多行多行(我不知道如何在stackoverflow中实现上传,所以我直接将它们放在HTML中)。

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

这是草图:>>> click to see<<<

这是小提琴中的样本:>>> 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);
}

非常感谢!

1 个答案:

答案 0 :(得分:0)

CSS2在使用page-break-before: always;等内容进行打印时为您提供some control over page breaks,但它只能在现代浏览器中使用。