如何在生成的多页pdf中添加分页符答案

【问题标题】：How to add page-breaks to generated multiple page pdf如何在生成的多页pdf中添加分页符
【发布时间】：2019-12-25 05:47:24
【问题描述】：

我创建了一个项目，我需要在其中生成多个5.5in W x 8.5in H 卡片以供打印。我将每张卡片放在11in W x 8.5in H 的横向页面上。所以 1 页上有 2 张卡片。我当前的 PDF 有 77 个半页卡片，应该是 38.5 页的 PDF。

我遇到的问题是分页符的 css 属性：

page-break-after: auto | always | avoid | left | right
page-break-before: auto | always | avoid | left | right
page-break-inside: auto | avoid

Detailed descriptions of each css page break possible value:

auto: Initial value. Automatic page breaks.
always: Always force page breaks before/after the element.
avoid: Avoid page breaks before/after/inside the element.
left: Force page breaks before/after the element so that the next page is formatted as a left page.
right: Force page breaks before/after the element so that the next page is formatted as a right page.

问题

所有 77 张卡片在 1 页 PDF 中相互叠放。（这张图片中有 77 张卡片叠在一起）

在放置 2 张卡片以组成 38.5 页后，我需要它们打破。

这是我正在做的事情：我正在循环访问数据库以生成所需的卡片并应用 card_one_bg 和 card_two_bg 类将卡片放在左侧和页面的右侧。我通过检查奇数和偶数的卡数来做到这一点。奇数 = 左侧 & 偶数 = 右侧。

    @php
    $rows = 0;
    @endphp
    @foreach($haitiKids as $index =>$hk)
    @php
    $nummReceived = $hk->sponsors_received;
    $nummNeeded = $hk->sponsors_needed - $nummReceived;
    @endphp
    @for($i = 0; $i < $hk->sponsors_needed; $i++ )
        @if($nummReceived-- <= 0) @php $rows++;
    @endphp
    <div class="cutline"></div>
    <!-- Class "page" = the 11in W x 8.5in H page -->
            <div class="page">
                    <!-- CARD START: Class "card_one_bg" = left side of page | Class "card_two_bg" = right side of page -->
                    <div class="{{ ($rows % 2 === 0) ? 'card_one_bg' : 'card_two_bg'}}">
                       ...ALL CARD CONTENT
                    <!-- CARD END -->
                    @endif
                    @endfor
                </div>
            @endforeach

这里是相关的 Css：

    .page {
        position: absolute;
        overflow: hidden;
        width: 11in;
        height: 8.5in;
        font-family: "Muli", sans-serif;
        top: 0;
        left: 0;
    }

    .break-left {
        page-break-after: left;
    }

    .break-right {
        page-break-after: always;
    }

    .no-break {
        page-break-inside: always;
    }

我在搞乱上面列出的一些辅助类：.break-left、.break-right、.no-break .. 不走运

这几天我一直在做一堆试验和错误，但如果我确实让页面破裂，左侧在一个页面上是空白的，右侧在下一页上是空白的，所以 -在。像这样：

如果需要，我很乐意提供更多信息。任何帮助将不胜感激。

PS：使用 laravel/dompdf 包生成 pdf。

【问题讨论】：

标签： php html css laravel pdf

【解决方案1】：

你可以试试下面的sn-p。

.page-break {
    page-break-after: always;
}

<!-- Class "page" = the 11in W x 8.5in H page -->
<div class="page">
    @php
      $rows = 0;
    @endphp
    @foreach($haitiKids as $index =>$hk)
     @php
      $nummReceived = $hk->sponsors_received;
      $nummNeeded = $hk->sponsors_needed - $nummReceived;
     @endphp
     @for($i = 0; $i < $hk->sponsors_needed; $i++ )
      @if($nummReceived-- <= 0) 
       @php $rows++; @endphp
                    <!-- CARD START: Class "card_one_bg" = left side of page | Class "card_two_bg" = right side of page --> <!-- you may not need these clases for left and right because page break will be inserted as a div between pages -->
                    
                    @php if($rows % 2 ===0) { 
                      echo '</div><!-- end .page-->';
                      echo '
                        <div class="cutline"></div><!-- cut line if you need this - maybe make the save div add cut line and page break-->';
                      echo '<div class="page-break"></div><!-- end .page-->';
                      echo '<div class="page"><!-- new .page-->';
                      }
                    @endphp
                    <div class="{{ ($rows % 2 === 0) ? 'card_one_bg' : 'card_two_bg'}}">
                       ...ALL CARD CONTENT
                    <!-- CARD END -->
                    @endif
                    @endfor
            @endforeach
                </div>

【讨论】：