根据内容大小将HTML划分为页面
我正在创建一个webapp来编辑文档。每个文档可以有多个页面。每一页都有一个固定的尺寸（我使用的是德国标准纸张尺寸，是DIN A4，宽度为210毫米，高度为297毫米）。因此，我适当地设置了HTML的正文大小 文件已经很好看了，而且它们符合我的要求。只有一个主要问题，我希望网页自动将我的内容划分为DIN A4大小的页面（例如根据内容大小将HTML划分为页面,html,css,webpage,Html,Css,Webpage,我正在创建一个webapp来编辑文档。每个文档可以有多个页面。每一页都有一个固定的尺寸（我使用的是德国标准纸张尺寸，是DIN A4，宽度为210毫米，高度为297毫米）。因此，我适当地设置了HTML的正文大小 文件已经很好看了，而且它们符合我的要求。只有一个主要问题，我希望网页自动将我的内容划分为DIN A4大小的页面（例如divbox）（如上所述） 我该怎么做？如果有一个只使用CSS的解决方案就好了，但是JavaScript也可以工作。我创建了一个代码笔，让您了解我的问题： 我想要像Googl
div<html>
<body>
<h1>This is the title of the document</h1><b>Table of contents</b>
<ol>
<li>Das Programm</li>
<li>Hintergründe</li>
<li>Vision</li>
</ol>
<p>some random text</p>
</body>
</html>
就我所知，你不能将页面划分为不同的页面，但你可以使整个文档可滚动，我的意思是在定义了包含div的文档的高度和宽度后，在css中添加
overflow:auto#document_carrier{
width:500px;
height:350px;
border:2px solid #ccc;
overflow:auto;
}
js fiddle简单的答案是：你没有。HTML/CSS并不是为此而设计的。也许有一个解决办法，但我可以保证，你会非常沮丧，因为在路上会有很多陷阱。您可能需要研究其他技术，例如PDF，您可以这样做。谷歌硬盘也做，但我不知道怎么做。谷歌硬盘到底做什么？您的意思是当它逐页显示文档时？这是通过转换PDF（或类似的文档格式）在服务器端实现的。当您在Google Drive（他们的“word”软件）中编辑文本文档时，当文档的一页已满时，它会创建一个页面。看看这个。我编辑了这个问题以显示屏幕截图。这是来自google drive的新文本html（不同的url等），还是仅仅是一个可视容器。打印单独的页面将由打印样式表处理。一般来说，试图将印刷原理应用于网页是愚蠢的。它们是两种完全不同的媒介。谢谢，但这不是解决我问题的办法。我想有多个页面，我可以打印出来，如果我需要。
#document_carrier{
width:500px;
height:350px;
border:2px solid #ccc;
overflow:auto;
}