CSS 分页符不起作用

Question

我在 div 上使用“page-break-after”属性。

CSS 类 -

div.breakhere {
    page-break-after: always;
    margin: 0! important;
    width: 100%;
}
.fancyTable {
    height: 100px;
    float: left;
}

页面中的div是

---

---

 <div id="summary" width="100%">
        <table class="fancyTable" width="50%" ></table>
        <table class="fancyTable" width="50%"></table>
    </div>
    <div class="breakhere"> </div>

----

除以下情况外，它工作正常。

• 当“The div with id 'summary'”恰好在“The div with breakhere class”之前出现在页面末尾时。下一页打印的部分 div 和表格。下一页不是由 breakhere 类中断的。请检查以下屏幕。

我究竟做错了什么？提前致谢。

Answer 1

我解决了这个问题。

问题是 fancyTable 类中剩余的 float -- .花式表{ 高度:100px； 向左飘浮;

我只是嵌套表格而不是给它们宽度 50%。喜欢 -

<div id="summary" width="100%">
    <table>
        <tr>
            <td><table id="table1" class="fancyTable" width="50%" ></table></td>
            <td><table id="table1" class="fancyTable" width="50%" ></table></td>
        </tr>
    </table>
</div>