Question

我需要创建动态长度内容的发票。这适用于桌子。

我的问题是将最后一个元素放在页面底部发票的最后一页上。此元素应包含发票总额，发票税和可变数量的其他文本。

所以我需要的是发票的最后一个位置和页面上包含发票摘要的最后一个元素之间的可变间隔。是否有可能将元素拉到或推到页面底部？

Answer 1

实现这一目标最直接的方法是使用一个内部容器，它具有较大的底部边距和最后一个元素的绝对定位元素。

如下所示：

＆＃13;

@page { margin: 50px; }
.content { margin-bottom: 100px; }
.last { position: absolute; bottom: -25px; left: 0px; right: 0px; height: 100px; background-color: green; }

＆＃13;

  <div class="content">
    <p>We hold these truths to be self-evident,
  </div>
  <div class="last">
    that all men are created equal
  </div>

＆＃13;

我显然没有在这里使用过表格。这种技术的主要问题是，如果列宽对于布局很重要，那么列宽不会传播，除非你使用已知的宽度。

Answer 2

理想情况下，Brian的解决方案应该可以工作，但是dompdf将在所有页面上重复任何绝对或固定位置的元素。因此，解决方案是为您的内容提供预定义的高度，然后将您的内容放入其中。然后添加总计div

.content { height: 720px; }
.total { height 80px; }

现在内容将始终呈现到页面底部。

希望这对其他人仍然有用。

Dompdf 0.6.2 - 拉或推元素到底页

2 个答案: