javascript - 如何在分页媒体中创建旁注？

Question

创建marginalia 的最佳方法是什么？在 HTML 文档中用于打印(和可能的双面打印)输出？

为连续媒体(如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 的左侧> 页面，因为:

The current level of this specification only allows margin at-rules inside ‘@page’. CSS Paged Media Module Level 3, 5.1: The @page rule

那么，这应该如何完成，或者:你是怎么做到的？

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

Answer 1

我承认这是一个远景，但如果专有是您的选择，那么您可能会发现 Prince有趣的。目前大概是the only支持 CSS3 paged media margin boxes 的布局引擎如果我理解正确的话，这正是您要找的。