업로드 된 HTML 표의 페이지 렛 효과를 시뮬레이트합니다.

Question

오랫동안 내 문제에 대한 답변을 찾고 있었지만 아직 처리 방법을 모르고 있습니다.

여기 페이지가 있고 "페이지"의 크기가 고정되어 있습니다. 내용이 여러 줄로 된 여러 테이블로 구성된 업로드 된 HTML 파일입니다 (HTML을 직접 입력 할 수 있도록 stackoverflow에 업로드하는 방법을 모르겠습니다).

용지 크기가 고정되어 있기 때문에 내 테이블의 일부가 숨겨져 있습니다. 그래서 내가해야 할 일은 아래의 스케치처럼 보이는 여러 페이지에 그들을 표시하는 것입니다.

이

스케치입니다 : >>> 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); 
} 

감사합니다.

Answer 1

CSS2는 과 같은 것을 사용하여 인쇄 할 때 some control over page breaks을 제공하지만 최신 브라우저에서만 작동합니다.