WebKit 브라우저용 HTML 페이지 매김을 구현하는 방법: 화면 크기의 텍스트 덩어리를 보장합니까?

HTML 페이지 매김: WebKit 브라우저용 화면 크기 청크 생성

질문:

웹킷 브라우저의 텍스트 콘텐츠를 분할하는 방법 WebKit 브라우저에서 페이지 매김을 위해 HTML 문서를 화면 크기 섹션으로 나누어 각 "페이지"가 ​​화면 경계를 넘어 줄을 나누지 않고 완전한 텍스트 단위를 표시하도록 하시겠습니까?

답변:

WebKit 브라우저에서 HTML 페이지 매김을 구현하려면 다음 JavaScript 및 CSS 솔루션을 사용할 수 있습니다.

<code class="javascript">var desiredHeight;
var desiredWidth;
var bodyID = document.getElementsByTagName('body')[0];
totalHeight = bodyID.offsetHeight;
pageCount = Math.floor(totalHeight / desiredHeight) + 1;
bodyID.style.padding = 10; //(optional) prevents clipped letters around the edges
bodyID.style.width = desiredWidth * pageCount;
bodyID.style.height = desiredHeight;
bodyID.style.WebkitColumnCount = pageCount;</code>

이 코드는 각 페이지의 원하는 높이와 너비(desiredHeight 및 DesiredWidth)를 정의합니다. 문서의 전체 높이(totalHeight)를 계산하고 필요한 페이지 수(pageCount)를 결정합니다.

텍스트가 가장자리에서 잘리지 않도록 body 요소의 패딩과 너비 및 높이가 조정됩니다. 원하는 페이지 크기에 맞게 설정됩니다. 마지막으로 WebkitColumnCount 속성은 페이지가 매겨진 콘텐츠에 대한 열을 생성하는 데 사용됩니다.

위 내용은 WebKit 브라우저용 HTML 페이지 매김을 구현하는 방법: 화면 크기의 텍스트 덩어리를 보장합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!