Javascript 在浏览器中使用分页符呈现HTML

我已经根据用户输入的内容生成了动态HTML。我想将HTML显示为A4页面。内容可以跨越任意数量的页面，因为它是连续的

像这样的代码笔有助于将html显示为A4页面。这是相当好的，但我的问题是，我不知道提前多少内容一页可以。我不知道内容是以第一页标签还是两页标签或更多的形式呈现，因为这是用户生成的内容

<page size="A4">
<!-----Dynamic HTML comes here, can confine to this page or overflow out of that----> 
</page>

在这种情况下，如何显示结构化为多个页面的html？ 我知道一个提示，使用Javascript或query可以创建多个页面标记，并将html块放在其中，但我更喜欢CSS方式，因为JS机制容易因高度计算而不准确

可能吗？

---

还可以使用CSS的前分页符和后分页符属性。我使用了该属性，但它仅以PDF格式呈现，我想在浏览器中的HTML中显示它，这是否可能？

您是否研究过指定正确的大小？@MattNewelski我看到了，但同样的问题。假设我将.page选择器与其样式一起使用，然后我制作一个[Dynamic Content Here]，如果内容高度大于页面高度，则它将溢出该页面。打印时交付PDF是一项重要任务alternative@mplungjan我已经有pdf功能以及。但是我想要html中具有分页符功能的PDF。你是只想在视觉上模拟A4，还是担心打印？你有没有研究过指定正确的大小？@MattNewelski我看到了，但同样的问题。假设我将.page选择器与其样式一起使用，然后我制作一个[Dynamic Content Here]，如果内容高度大于页面高度，则它将溢出该页面。打印时交付PDF是一项重要任务alternative@mplungjan我已经有pdf功能以及。但是我想要html中带有分页符功能的PDF。你是只想在视觉上模拟A4，还是不想打印？