HTML书状分页

  • Z时代
  • 2024-01-10
  • 分类：问答

如何将HTML文件的内容分成屏幕大小的块，以在WebKit浏览器中“分页”？

每个“页面”应显示完整数量的文本。这意味着不得在屏幕的顶部或底部边界将文本行切成两半。

该问题最初被标记为“ Android”，因为我的目的是构建Android

ePub阅读器。但是，看来该解决方案只能用JavaScript和CSS来实现，因此我扩大了问题的范围，使其与平台无关。

回答：

在Dan的答案基础上，是我对这个问题的解决方案，直到现在我一直在为此奋斗。（此JS可在iOS

Webkit上运行，不保证适用于android，但请告诉我结果）

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;

希望这可以帮助…

以上是 HTML书状分页 的全部内容， 来源链接： utcz.com/qa/417100.html

回到顶部