标题以 css 打印样式将内容推送到下一页

Question

我正在尝试完成一个网站的打印样式表。这不是我第一次处理打印样式表，尽管这次我遇到了一个我无法解决的问题。我需要能够在搜索后打印结果列表，我可以做到这一点。唯一的问题是搜索结果的标题不断将内容推送到下一页。这导致页面只有标题和副标题，然后内容打印在下一页上，最后我总是留下一个或多个空白页。

如何在同一页的标题之后打印内容？

您可以使用开发工具栏并键入以下内容来查看页面在打印样式中的表现： 媒体模拟印刷， 然后按回车。这将在浏览器中显示带有打印样式的页面，并允许您使用检查器检查这些样式。

这是我要打印的页面的链接： http://sebthiroux.com/cridon-paris/site-bases/recherche-globale-resultats.html#

Answer 1

我发现问题出在哪里，主要是我太累了，看不到我在 css 打印样式表中写的内容。我有以下风格，迫使 ul 从下一页开始： ul { page-break-inside: avoid; }

就是这样。