如何在分页媒体中创建边缘?

时间:2014-11-03 14:23:16

标签: javascript html css css3 css-paged-media

在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;
    }
}

但是,当我们想要在分页媒体上使用marginalia并将它们放在:right页面的右侧和:left页面的左侧时,我们运气不好,因为:

  

此规范的当前级别仅允许保留规则   在'@page'里面。   CSS Paged Media Module Level 3, 5.1: The @page rule

那么,这应该是怎么做的,或者:你是怎么做到的?

我更喜欢基于当前或提议的CSS标准的解决方案,但我担心可能没有;因此,我也对专用解决方案感兴趣,这些解决方案适用于某些用户代理,例如: Web浏览器或pdf生成器,包括使用专有Javascript API的那些。

1 个答案:

答案 0 :(得分:0)

我承认这是一个很长的镜头,但如果专有权是你的选择,那么你可能会发现Prince有趣。它目前可能是the only布局引擎,支持CSS3 paged media margin boxes,如果我理解正确的话,那就是你正在寻找的。