您当前的样式不容易设置页面媒体，因为A4布局中有太多冲突，因此您需要重新考虑输出为A3或A2，如此处所示，4A4打印没有任何代码框控件，或者缩小输出以适合您设置的A4页面。

您是否考虑过API rest服务？Restpack HTML to PDF有一个免费试用版。值得一试，看看您是否可以获得正确的格式。API调用的JSON主体允许您指定所需的px长度和宽度。如果大小正确，这应该可以避免分页。您可以阅读他们的文档here

你可以使用CSS属性break-before，break-inside和break-after。在你的具体例子中，添加这个CSS规则避免了所有的flex容器拆分：

.flex-container {
   break-inside: avoid;
}

请注意，这些规则有一些限制，某些浏览器可能会产生不同的结果。

PDF标准

PDF文件格式标准建立在一种名为postscript的页面描述符语言之上，并为具有定义页面大小的文档创建。
这意味着有效的PDF文件不支持未分页的内容。
请参阅PDF Wikipedia文章了解更多信息。

那又怎样？

它可以通过一些不受支持的方式来实现，但是规避标准通常会导致不同查看器之间的不可预测的行为。
您可以生成一个大的非标准页面大小，但这也可能是一些PDF查看器的潜在问题。

还想试试吗？

这取决于你，去吧，但无论你做什么，确保你测试你的输出文件。
最好在分发之前使用几个最流行的PDF阅读器/查看器应用程序。
除非你想发布的文件可能对你的目标收件人毫无用处。