css page-break-after：总是不在桌子上工作

Question

以下是我放置html的{​​{1}}的一部分，但在创建pdf文件时，分页符不起作用。

CSS

page-break-after:always

HTML

@media print {
.encounter_form { position:relative; z-index: 0; left:0px; top:opx; }
}

div#page_break{ page-break-after:always;}

Answer 1

我意识到这个问题很老了，但也许它会对某人有所帮助......

我注意到作者插入了空div以打破页面，但是无法工作，因为“此属性适用于生成框的块元素。它不适用于不会生成框的空元素框。” Mozilla reference

我在这里看到两种可能的解决方案：

1）在父div上添加CSS page-break-after属性：

.encounter, .encounter_form {
    page-break-after: always;
}

并完全删除id ='page_break'的元素：

<DIV id='page_break' style='page-break-after:always;'></DIV>

顺便说一句，ID应该是唯一的，但是这里有两个具有相同id的元素。

2）insert＆amp; nbps;在空div内（不推荐）