【发布时间】:2018-10-05 16:43:04
【问题描述】:
我已经工作了好几个小时来弄清楚为什么我的 CSS 没有被应用于打印 HTML 页面。我创建了一个使用 dompdf 渲染的标记的工作示例:
https://jsfiddle.net/n7Lak0gr/1/
HTML 和 CSS 是一个目录,在一个表中包含多个列。这些行具有交替的背景颜色,并且还有一些其他样式。但是在打印到 PDF 时,样式不会显示,即使我将 media 设置为 all。
请注意,如果您从this version 复制所有代码并创建自己的本地 html 文件,您可以更好地看到它,因为另一个问题是在不应用样式时表格溢出到多个页面。
我已在 Chrome、Firefox 和 Internet Explorer 中重现了该问题。而且我已经尝试删除 CSS 的片段,但我无法弄清楚为什么样式不显示。
【问题讨论】:
-
您需要将 CSS 文件链接到 HTML 文件...您可以通过
<link re="stylesheet" type="text/css" href="style.css">之类的方式来完成此操作 -
@NerdOfCode 这不是问题。 JSFiddles 会自动执行此操作。请参阅我链接到的第二个版本。 CSS嵌入在HTML中,也有同样的问题。
标签: html css printing drupal-7 dompdf