1

我无法使用 css 和 Prince 将分页符放入我的 pdf 中。第二张桌子接触第一张桌子。我究竟做错了什么?我想我可能误解了如何在 css 中使用打印指令,从我的角度来看,我正在做用户指南告诉我的事情(链接

我的代码如下:

@page { size: 210mm  297mm;   
}

chapter {page-break-before: always;} 

table.page{
  width:14cm;
  font-family:"Times New Roman";
  font-size: 12pt;
  border: 1px solid black;
  text-align:justify;
  padding:0;
  margin:0;
}

td.number{
  width:1.8cm;
  font-family:"Times New Roman" ;
  font-size: 12pt;
  text-align:justify;
  padding:0;
  margin:0;
}

td.content{
  width:12cm;
  font-family:"Times New Roman";
  font-size: 12pt;
  text-align:justify;
  padding:0;
  margin:0;
}
<body>
    <chapter>
        <table class="page">
            <tr>
                <td colspan="2">
                     <h1>Title </h1>

                </td>
            </tr>
            <tr>
                <td class="number">
                    <div>1</div>
                </td>
                <td class="content">
                    <div>this is some text</div>
                </td>
            </tr>
        </table>
    </chapter>
    <chapter>
        <table class="page">
            <tr>
                <td colspan="2">
                     <h1>Title 2</h1>

                </td>
            </tr>
            <tr>
                <td class="number">
                    <div>2</div>
                </td>
                <td class="content">
                    <div>this is some more text</div>
                </td>
            </tr>
        </table>
    </chapter>
</body>

4

2 回答 2

1

Found the answer myself: chapter is considered empty. Works if I use the table class="page" element to specify the page break.

于 2014-09-20T09:44:44.037 回答
0

仅适用于块元素

适用于:根元素的正常流程中的 级元素。用户代理也可以将其应用于其他元素,如表行元素。

它不适用于<div>不会生成框的空。

注意:此属性正在被更通用的break-before. 这个新属性还处理列和区域中断,并且在语法上与 page-break-before.

在使用之前page-break-before,请检查是否可以使用 break-before 代替。将来page-break-before将只是它的某些值的别名。

资源

解决方案

inline只需将元素转换为block元素(假设您有能力这样做),就可以绕过这一限制。

.pagebreak {
    display: block;
    page-break-before: always;
}
于 2016-12-15T16:54:56.667 回答