CSS分页符不起作用

Question

我正在使用＆＃34; page-break-after＆＃34; div的属性。

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>

----

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

• 当＆＃34;带有ID的div＆＃39;摘要＆＃39;＆＃34;恰好在＆＃34; div与breakhere类＆＃34;来到页面的末尾。部分div和表格打印在下一页。下一页不是破坏类。请检查以下屏幕。

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

Answer 1

我解决了这个问题。

问题是fancyTable类中的浮动 -     .fancyTable {         身高：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>