html - 打印媒体页脚 CSS 不适用于 Markdown 和 markdown-pdf

标签 html css pdf markdown

我正在尝试使用 markdown-pdf节点库,用于从 markdown 文档生成 pdf 文档。它正在生成 pdf,但我似乎无法让重复的页脚正常工作。

页脚位于文档末尾,代码如下:

<div id="footer">
    &copy; 2013 MyCompany
</div>

我包含的 CSS 文件中包含以下内容:

@media print {
    #footer {
        position: running(footer);
    }
}

#footer {position: relative ; left: 0px; bottom: 0px; right: 0px; font-size:10px; }

这会在左下角的 html 页面上生成格式良好的代码,但测试不会在任何 pdf 页面上显示为页脚。

非常感谢任何帮助。

最佳答案

我认为可能有两个问题:

[1] markdown-pdf 不读取元素,因为:

"A running element is not shown in its natural place; there it is treated as if ‘display: none’ had been set. [...]" -> W3.org

[2] markdown-pdf 不读取该元素,因为它仅为媒体打印定义。 (也许在媒体屏幕上阅读 Markdown ?)

希望这些想法能帮到你。

可能的“解决方案”:

  • 尝试所有媒体/屏幕
  • 询问 alanshaw 是否支持运行元素(如果不支持使用您的相关 Css 设置)

关于html - 打印媒体页脚 CSS 不适用于 Markdown 和 markdown-pdf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20515624/

相关文章:

javascript - HTML datetime-local 更改事件?

jquery - CSS3 动画到 JQUERY 淡出或消失

html - css 边距未响应

html - 内容溢出 Chrome 中的 div 半径

ios - 如何在 ios 的 NSDocumentDirectory 中保存现有的 pdf 文件

iphone - 显示带有视频和链接的 PDF

javascript - jQuery 选择同一父级中具有特定类的另一个元素

html - 带有 ul 后跟输入的 Flexbox 行布局

html - 如何正确居中垂直文本

java - 在 Google Chrome 上生成 PDF 时出错