Laravel中DOM PDF导出PDF时Div边框分页断裂问题求助

方法1：拆分边框为顶部、底部和左右侧 #

将带边框的容器拆分为左右边框容器+每页顶部边框+每页底部边框，确保分页时首尾都有完整边框：

/* 内容容器：仅保留左右边框 */
.content-wrap {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 0 15px;
}

/* 每页顶部边框：通过页面头部插入 */
@page {
  @top-center {
    content: "";
    display: block;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 100%;
    margin-top: 8px;
  }
}

/* 每页底部边框：通过页面尾部插入 */
@page {
  @bottom-center {
    content: "";
    display: block;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 100%;
    margin-bottom: 8px;
  }
}

对应的HTML结构：

<div class="content-wrap">
  <!-- 你的长内容 -->
</div>

方法2：拆分内容为独立块，每个块带完整边框 #

把长内容拆分为多个不可拆分的块，每个块都加完整边框，通过负margin让相邻块的边框重叠，视觉上保持连续：

.content-section {
  border: 1px solid #000;
  margin-bottom: -1px; /* 抵消上下块的边框间距 */
  page-break-inside: avoid;
  padding: 15px;
}

对应的HTML结构：

<div class="content-section">第一段内容</div>
<div class="content-section">第二段内容</div>
<!-- 更多内容块 -->

方法3：用表格替代div（最可靠方案） #

domPDF对表格的分页边框支持更完善，利用thead和tfoot自动在每页重复的特性，实现首尾边框闭合：

<table style="width:100%; border-collapse: collapse;">
  <!-- 每页顶部边框 -->
  <thead>
    <tr>
      <td style="border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; height:1px;"></td>
    </tr>
  </thead>
  <!-- 内容区域：仅保留左右边框 -->
  <tbody>
    <tr>
      <td style="border-left:1px solid #000; border-right:1px solid #000; padding:15px;">
        你的长内容，可自动分页
      </td>
    </tr>
  </tbody>
  <!-- 每页底部边框 -->
  <tfoot>
    <tr>
      <td style="border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; height:1px;"></td>
    </tr>
  </tfoot>
</table>

注意事项 #

• domPDF对外部CSS支持有限，建议优先使用内联样式或确保样式表被正确加载
• 调整页面margin时，需同步调整顶部/底部边框的间距，避免错位
• 长内容场景下，表格方案的兼容性和稳定性优于div方案

内容的提问来源于stack exchange，提问作者kamal