如何在分页媒体中创建边缘？答案

【问题标题】：How to create marginalia in paged media?如何在分页媒体中创建边缘？
【发布时间】：2014-12-30 05:19:18
【问题描述】：

在 HTML 文档中创建 marginalia 以进行打印（可能是双面打印）输出的最佳方法是什么？

连续媒体（如screen）很容易获得边缘化，例如像这样：

@media screen {
    body {
        padding-left: 32mm;
    }
    .marginalia {      /* not a "margin at-rule" */
        float: left;
        clear: both;
        display: block;
        margin: 0 0 0 -32mm;
        padding: 0;
        width: 30mm;
        text-align: right;
        font-size: smaller;
    }
}

但是当我们想要分页媒体上的边缘，我们不走运，将它们放在:right 页面的右侧，:left 页面的左侧，因为：

本规范的当前级别仅允许保证金规则在“@page”内。 CSS Paged Media Module Level 3, 5.1: The @page rule

那么，这应该怎么做，或者：你是怎么做的？

我更喜欢基于当前或提议的 CSS 标准的解决方案，但恐怕没有任何标准；因此，我也对适用于某些用户代理的专有解决方案感兴趣，例如Web 浏览器或 pdf 生成器，包括使用专有 Javascript API 的那些。

【问题讨论】：

标签： javascript html css css-paged-media

【解决方案1】：

我承认这是一个很长的尝试，但如果您可以选择专有的，那么您可能会发现 Prince 很有趣。它目前可能是支持CSS3 paged media margin boxes 的the only 布局引擎，如果我理解正确的话，这正是您正在寻找的。p>

【讨论】：

我已经使用了页面媒体边距框； PDFreactor 也支持它们。问题是，目前这些框没有逻辑边 inner 和 outer，而只有 left 和 right，这使得双面布局非常麻烦。