printing - 将页脚与打印的 HTML 页面的底部对齐？

Question

我有一个标准网站，并且在打印时（用于在 Safari OS X 上制作 PDF），我希望页脚与它所在的任何打印页面的底部对齐 - 即文档的最后一页。

像这样：

打印页脚对齐到底部

那可能吗？

对于所有其他打印样式表详细信息（为简单起见不包括在内），我使用了媒体查询 ( @media print { })。

演示代码在这里；对于screen页面本身，这里是 HTML：

<div id="footer">
    <p>A bunch of example stuff inside here...</p>
</div>

位于绝对定位：

#footer {
    color: #fff;
    background: #000;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

score 3 · Accepted Answer

有点旧，但答案肯定是使用@page:last选择器，但您还必须更改页脚的 CSS。

#footer { position: static; }

@page:last {
    @bottom-center { content:element(footer) }
}

1 回答 1