html、css、javascript - 电子书（文本）阅读器

Question

我是新手，请善待我:)

我有一个大文本，我想在 html 中显示，我希望文本“填充屏幕的空间”，具体取决于浏览器/设备 - 移动设备还是桌面设备 - 如果它太过分了，那么我想要它中继剩余的文本并将其呈现在另一个 html 中（即下一页）。我试过搜索分页和诸如此类的东西，我正在使用 html、css、javascript.. 并且对这一切都很新:)

我明白我的问题可能含糊不清，但即使是一个小方向也会有很大帮助！

（为了让事情更清楚，我正在尝试构建一个 JavaScript 电子书阅读器，以便将来添加公共领域的书籍）。

Answer 1

这是你必须做的。

1. 想办法查看文本是否溢出
2. 剪掉多余的文字
3. 创建一个用剩余文本填充内容 div 的链接
4. 递归重复
5. 如果您不知道什么是递归，请转到第 5 步，否则 +1

Answer 2

我认为最好将页面设置为合理的大小，并在顶部和底部留一些空白，然后让用户随意滚动、平移和缩放。有些人喜欢滚动，以便他们正在阅读的行总是靠近顶部，而其他人则在中间。

在纵向和横向模式下显示的行数也有很大差异。

如果以普通 HTML 的正常页面大小块呈现，您根本不需要任何脚本，您的读者可以以最适合他们的方式控制滚动、缩放和方向。