PDF格式和打印内容的分页

Question

我有一个将生成pdf的html。我有几张桌子。如果内容很大，我怎样才能将内容分解到下一页？

我尝试使用<div> <form> <div> <label for="myFileField">Select a file: </label> <input type="file" demo-file-model="myFile" class="form-control" id="myFileField" /> </div> <button ng-click="uploadFile()" class="btn btn-primary">Upload File</button> </form> </div> 但没有效果。

Answer 1

以下规则可以帮助您为表格添加分页符。

   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }

或者尝试添加div作为：

<div class="page-break"></div>

有样式：

@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: always; }
}