时间戳

首页 > 解决方案 > 在分页媒体中运行页脚“元素（页脚）”仅出现在最后一页

css - 在分页媒体中运行页脚“元素（页脚）”仅出现在最后一页

问题描述

我正在处理页边距框中运行页脚的分页 CSS。一切都按预期进行，直到平面设计师要求我将页脚的一部分加粗，我不能再使用 content:"text" 作为页脚。

我决定使用 content:element(footer) 并在动态创建的 html 页面的末尾添加了页脚，但它只显示在最后一页上。我已经搜索过，但每个人似乎都遇到了相反的问题（他们只希望在最后一页上并且全部都使用）或者没有使用 CSS3 打印媒体样式。

    @page {
    size: 170mm 240mm;
    margin:  23.5mm 27.5mm 23mm;

    @bottom-center {
       content: element(footer);
        font: normal 8pt MyLucida;
    }
    }
    footer {position: running(footer);
  font-family: MyLucida;
  font-size: 8pt;}

HTML

    <footer>
    My Journal Issue [<b>000</b>] Month Year
    </footer>

我期待在每一页上找到页脚但空白页，但它只出现在最后一页上，在框内的正确位置。将“位置：运行（页脚）”更改为“位置：绝对”并没有改变任何东西。似乎页脚在最后只添加了一次，根本没有重复。我不得不重复这种风格，否则它没有应用它。html 仅用于打印，它是从 db 数据生成的。我的 pdf 转换器是 PrinceXML。我希望这是有道理的！

标签： cssfootercss-paged-media

解决方案

我自己想通了：问题是我在文件末尾包含了所有内容之后的页脚。如果我只是在开头包含它，它会按照假设重复每一页。我在正文的开头移动了页脚，现在它可以工作了！

推荐阅读