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>

----

除以下情況外，它運行正常。

• 當恰好在“具有breakhere類的div”之前的“具有id'summary'的div”位於頁面末尾時。 下一頁的div和表格的一部分。 下一頁不是按breakhere類中斷的。 請檢查以下屏幕。

實際上我在做什么錯？ 提前致謝。

Answer 1

我解決了問題。

問題是fancyTable類中的浮點數-.fancyTable {height：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>