我創建了一個帶有Datalist控件的頁面，它生成“ID 卡”。您可以在此處查看工作示例。問題是我想在Datalist的每4行之后中斷頁面。因此，為了執行此操作，我使用以下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正在工作，并且它確實在每4行添加該類。但是，當我嘗試打印時，分頁符在 Google Chrome 中不起作用（在 Firefox 中工作正常）。有人可以解釋一下代碼有什么問題嗎？謝謝。
2 回答
慕斯709654
TA貢獻1840條經驗 獲得超5個贊
tr它可能與存在有關，display: table-row而不是display: block?顯然 Chrome 只將分頁符應用于塊級元素。
編輯：我剛剛測試了以下設置可以修復它：
#GridView1?>?tbody?>?tr?{
????display:?block;
}
如果我縮小頁面的邊距，則分頁符不會落在下一頁上，但是調整卡片的大小也可以解決此問題，這樣您就不會擁有完全空白的頁面
- 2 回答
- 0 關注
- 151 瀏覽
添加回答
舉報
0/150
提交
取消