如何为 WebKit 浏览器实现 HTML 分页：确保屏幕大小的文本块？

HTML 分页：为 WebKit 浏览器创建屏幕大小的块

问题：

如何对文本内容进行分区将 HTML 文档分成屏幕大小的部分，以便在 WebKit 浏览器中分页，确保每个“页面”显示完整的文本单元，而不会跨屏幕边界分割行？

答案：

要在 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 元素的 padding 以防止文本在边缘被截断，以及其宽度和高度设置为适应所需的页面尺寸。最后，WebkitColumnCount 属性用于为分页内容创建列。

以上是如何为 WebKit 浏览器实现 HTML 分页：确保屏幕大小的文本块？的详细内容。更多信息请关注PHP中文网其他相关文章！