标题以 css 打印样式将内容推送到下一页
Titles are pushing content to the next page in css print styles
我正在尝试完成网站的打印样式表。这不是我第一次处理打印样式表,尽管这次我遇到了无法解决的问题。我需要能够在搜索后打印结果列表,我可以做到。唯一的问题是搜索结果的标题不断将内容推到下一页。这导致页面只有标题和副标题,然后内容打印在下一页上,最后我总是留下一个或多个空白页。
如何在同一页的标题后打印内容?
您可以使用 Developper Toolbar 并键入以下内容来查看页面如何使用打印样式:
媒体模拟打印,
然后按回车。这将在浏览器中显示带有打印样式的页面,并允许您使用检查器检查这些样式。
这是我要打印的页面的 link:
http://sebthiroux.com/cridon-paris/site-bases/recherche-globale-resultats.html#
我发现了问题所在,主要是我太累了,看不到我在 css 打印样式表中写的东西。我有以下样式强制 ul 从下一页开始:
ul { page-break-inside: avoid; }
就是这样。
我正在尝试完成网站的打印样式表。这不是我第一次处理打印样式表,尽管这次我遇到了无法解决的问题。我需要能够在搜索后打印结果列表,我可以做到。唯一的问题是搜索结果的标题不断将内容推到下一页。这导致页面只有标题和副标题,然后内容打印在下一页上,最后我总是留下一个或多个空白页。
如何在同一页的标题后打印内容?
您可以使用 Developper Toolbar 并键入以下内容来查看页面如何使用打印样式: 媒体模拟打印, 然后按回车。这将在浏览器中显示带有打印样式的页面,并允许您使用检查器检查这些样式。
这是我要打印的页面的 link: http://sebthiroux.com/cridon-paris/site-bases/recherche-globale-resultats.html#
我发现了问题所在,主要是我太累了,看不到我在 css 打印样式表中写的东西。我有以下样式强制 ul 从下一页开始:
ul { page-break-inside: avoid; }
就是这样。