如何解决HTML元素不会破坏元素值本身内的页面,从而导致多个半空页面
我正在使用mark从markdown生成html,并使用可以通过npm安装的经过稍微修改的github-markdown-css版本。在html和css中,使用html-pdf生成pdf。
我定义了一个样式类,该类具有page-break-inside: avoid
属性。我需要例如消息标题和消息本身,以使这两个项目不会被分页符分开。现在的问题是,由于这些页面之前已经中断,所以我在这些组之前有很大的空白区域,但实际上我只需要标题和消息之间的page-break-inside: avoid
,而不是消息本身之内。
我如何尝试在消息本身中保留分页符?我已经尝试使用page-break-after: avoid
作为标题,但是以某种方式没有做任何更改。
解决方法
我相信会
page-break-after: avoid;
针对消息上方的小标题/标题(示例):
<h style="page-break-after: avoid;">MESSAGE TITLE</h>
<p>My Message</p>
根据您的说法,似乎您的div
有一个拥抱元素(page-break-inside:avoid
)。尝试使用<p>
和<h>
page-break-before:avoid
和page-break-after:avoid
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。