我正在使用 DOMPDF 构建购物车数据库条目的下载报告。
不知道在这里放什么代码,这是一个非常典型的html页面,带有一些foreach循环来显示内容,它可以很好地创建pdf,但是文件中的css都没有呈现为css,它被打印为文本在文档的顶部。
CSS 内联在文档的头部,就像任何普通的内联 CSS 一样。
$export_pdf ="<html><head>";
$export_pdf .="<meta http-equiv='Content-Type'
content='text/html; charset=utf-8' />";
$export_pdf .="<style type='text/css'>
.list {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.list thead td { background-color: #E5E5E5; padding: 3px; font-weight: bold; }
.list tbody a { text-decoration: none; }
.list tbody td { vertical-align: middle; padding: 3px; }
.list .left { text-align: left; padding: 7px; }
.list .right { text-align: right; padding: 7px; }
table .interior,
table .interior td { border: none !important; }
table .interior tr { border-bottom: #DDD 1px solid !important; }
.list tbody .interior thead td { background: #efefef !important; }
</style>";
然后只是一个基本表等。
我找不到其他人对内联 css 有这个问题。我看过一些帖子,人们很难让链接样式工作,但这是简单的内联 css,为什么它被解释为文本而不是 css?
谢谢。
-文斯