我創(chuàng)建了一個帶有Datalist控件的頁面，它生成“ID 卡”。您可以在此處查看工作示例。問題是我想在Datalist的每4行之后中斷頁面。因此，為了執(zhí)行此操作，我使用以下jQuery代碼：<script type="text/javascript"> $(document).ready(function () { $("#GridView1 tr:nth-child(4n+0)").addClass("breakpage"); }) </script> 還有CSS類：<style type="text/css"> .breakpage { page-break-after: always; } </style>因此，如果您打開頁面并檢查檢查元素，您可以看到 jQuery正在工作，并且它確實(shí)在每4行添加該類。但是，當(dāng)我嘗試打印時，分頁符在 Google Chrome 中不起作用（在 Firefox 中工作正常）。有人可以解釋一下代碼有什么問題嗎？謝謝。
2 回答
慕斯709654
TA貢獻(xiàn)1840條經(jīng)驗(yàn) 獲得超5個贊
tr它可能與存在有關(guān)，display: table-row而不是display: block?顯然 Chrome 只將分頁符應(yīng)用于塊級元素。
編輯：我剛剛測試了以下設(shè)置可以修復(fù)它：
#GridView1?>?tbody?>?tr?{
????display:?block;
}
如果我縮小頁面的邊距，則分頁符不會落在下一頁上，但是調(diào)整卡片的大小也可以解決此問題，這樣您就不會擁有完全空白的頁面
慕斯王
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個贊
在 CSS 中嘗試一下：
#GridView1 tr:nth-of-type(4n) {
page-break-after:always;
}- 2 回答
- 0 關(guān)注
- 145 瀏覽
添加回答
舉報
0/150
提交
取消