为什么生成的pdf没有CSS样式？
生成的PDF没有CSS样式的原因可能有以下几点：
- CSS样式未正确引入：在生成PDF时，需要确保CSS样式表正确地被引入到生成PDF的过程中。可以通过检查CSS文件路径是否正确、是否存在语法错误等方式来确认。
- CSS样式不被支持：某些CSS样式可能不被PDF生成工具所支持，导致生成的PDF中无法显示相应的样式效果。在使用CSS样式时，需要注意选择那些被广泛支持的样式属性和特性。
- PDF生成工具限制：不同的PDF生成工具可能对CSS样式的支持程度有所差异。某些工具可能只支持部分CSS样式属性，或者对CSS样式的解析和渲染存在一定的限制。在选择PDF生成工具时，需要考虑其对CSS样式的支持情况。
- HTML结构问题：生成PDF时，HTML结构可能存在问题，导致CSS样式无法正确应用。例如，缺少必要的HTML标签、标签嵌套错误等情况都可能导致CSS样式无法正常显示。
针对以上问题，可以尝试以下解决方案：
- 确保CSS样式表正确引入，并检查路径和语法是否正确。
- 使用被广泛支持的CSS样式属性和特性，避免使用一些较新或不常见的样式。
- 在选择PDF生成工具时，了解其对CSS样式的支持情况，并选择适合的工具。
- 检查HTML结构是否正确，确保标签闭合、嵌套正确等。
需要注意的是，由于本回答要求不提及具体的云计算品牌商，无法给出腾讯云相关产品和产品介绍链接地址。
相关·内容
3回答
我正在开发一个使用Vuejs的工具“简历生成器”。有没有更好的方法从带有css的html生成pdf (简历)。我使用了jsPdf库，但是没有得到想要的结果。我想在生成的pdf中保持html "a“标签可点击。我也尝试过html2canvas.js，但由于pdf格式的图像，"a“标签是不可点击的。jsPdf正在生成pdf，但没有应用css。
浏览 31提问于2019-03-08得票数 0
回答已采纳
我在使用TCPDF编辑PDF文件时遇到问题。这个问题在Zend PDF上也会发生。查看附加图像。
绿色文本使用css样式，它留在绿色矩形的垂直中心，"g“字符的脚部留在绿色矩形的底部。但是当我在相同的位置使用TCPDF(或Zend PDF)写这个文本时，"H“字符的脚部停留在绿色矩形的底部(而不是"g”字符的脚部)，这意味着文本在框外(包括"g“字符)。
你能解释为什么文本的起始位置使用PDF库而不是相同的CSS样式吗？
谢谢!
浏览 0提问于2016-11-08得票数 0
我有一个带有自定义css样式和一个“飞碟”的带自定义css样式的thymeleaf html模板来生成pdf并从GET REST端点下载。
下面是带有模板的项目文件夹结构：
当我运行Application类并使用端点时，下载的pdf将按照预期应用css样式。但是，当它被打包到一个jar中并运行时，下载的pdf没有应用样式。
这就是它在jar中的样子：
下面是html模板如何查找styling.css
<head>
<meta charset="UTF-8"/>
<link th:href="@{src/main/resource
浏览 6提问于2022-04-09得票数 0
我正在尝试使用Python从SVG映像生成PDF映像。我试过和。问题是，在这两种情况下，生成的PDF都没有应用任何嵌入式CSS样式。
下面是一个简单的SVG文件，它应该呈现一个带有黑色边框的蓝色矩形：
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width=&#
浏览 9提问于2013-02-15得票数 13
回答已采纳
4回答
我最近在我的Rails 3.2应用程序中添加了一个CSS文件，我正在为资产管道而苦苦挣扎。目前，它说的是ActionView::Template::Error (pdf.css isn't precompiled)。
我已经在app/assets/stylesheets/application.css文件中添加了一个= require pdf。
还有什么是必要的？
我必须在config.assets.precompile中添加pdf.css吗
如果有，原因何在？难道不应该由require来处理吗？
我的application.css
/*
*= require_self
*= requ
浏览 0提问于2012-12-19得票数 3
回答已采纳
1回答
PDF下载按钮
、、、、
我正在做一个简历生成器，我需要帮助。我正在制作一个按钮，这将产生的简历为pdf，并使其可下载。有没有什么办法可以用HTML和CSS，而不是js和jquery？ <h3><a href="#" class="button dark ripple-effect button-sliding-icon" style="width: 154.609px;">Download PDF<i class="icon-feather-check"></i></a></h3>
浏览 15提问于2021-11-05得票数 2
回答已采纳
我正在创建一个交互式的PDF，PDF是用HTML和CSS生成的，它们是用C#中的字符串构建器构建的，然后传递给使用PDF反应器生成PDF的方法。
大部分PDF的生成都是很好的，我有PDF报告的两个部分，需要一个下拉列表来为用户提供在打印PDF之前应用于PDF的选项，为此，我正在使用带有一些选项的框。
我遇到的问题是，当PDF生成时，它会返回PDF，并且这些框看起来就像不可编辑的文本框，第一个选项会显示出来，但不会显示值，因此无法选择选项并让该框下垂。
我已经在表单元素周围添加了表单标签，常规文本框显示为可编辑和工作正常，这只是导致问题的框。根据PDFreactor手册中的说明，我已经包含了使表
浏览 3提问于2013-09-11得票数 0
回答已采纳
我一直在寻找一个很好的解决方案来渲染基于网页/ HTML字符串的PDF，也可以保持CSS样式。
有没有人知道解决这个问题的好办法？
提前谢谢。
浏览 2提问于2009-06-10得票数 0
2回答
我已经开始使用jspdf制作一些演示。我有一个html文件，我的css在外部文件中。
我编写了下面的代码来生成我的pdf
$('#pdfButton').on('click', function(){
var pdf = new jsPDF('p','in','letter')
, source = $('#main')[0]
, specialElementHandlers = {
'#bypassme': function(element, ren
浏览 2提问于2013-12-03得票数 2
回答已采纳
我正在尝试转换我的网页的一部分到pdf使用iTextSharp，虽然pdf生成是正确的工作，没有任何的css样式被应用。我试过一次只应用一种样式，但这似乎行不通。这就是我到目前为止想出的：
//Get the portion of the page to convert.
StringBuilder sb = new StringBuilder();
print_div.RenderControl(new HtmlTextWriter(new StringWriter(sb)));
string html = sb.ToString();
//Generate a random filena
浏览 4提问于2013-08-08得票数 8
2回答
我使用mpdf从HTML页面生成pdf，但样式表不起作用。这是我的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="http://swiftdigital.ltd.uk/pdf.css">
</head>
<!-- END HEAD -->
浏览 11提问于2017-07-25得票数 0
回答已采纳
1回答
$pdf = new Pdf([
// set to use core fonts only
'mode' => Pdf::MODE_CORE,
// A4 paper format
'format' => Pdf::FORMAT_A4,
// portrait orientation
'orientation' => Pdf::ORIENT_PORTRAIT,
// str
浏览 1提问于2016-01-21得票数 0
在我的Django应用程序中，我想打印一个接收，因为我正在休眠html到pdf转换，然后在pdf自动打印选项在那里。为此，我正在安装python-pisa模块，我有休眠代码，但我的通用css不是应用它是如何工作的.
浏览 1提问于2012-04-05得票数 0
我正在使用laravel/snappy软件包(在我的Laravel5.4项目中生成 pdf )。
除非包含css文件，否则一切正常。
当我包含一个css文件时，我会得到超时错误。许多引用都建议设置超时。
$pdf = PDF::loadView('job-seeker.profile.partials.resume-pdf', ['jobseeker' => $jobseeker])->setTimeout(3600);
return $pdf->download($jobseeker->name . '-resume.pdf&#
浏览 3提问于2017-07-11得票数 0
回答已采纳
3回答
是否有方法指示相对于.css文件位置的图像路径？
我有一个CSS样式的图片：
a[href $= '.pdf']:before {content:url(img/pdf.gif)}
我希望在位于同一个目录中的HTML页面中使用相同的CSS文件(我将其包含为"mycss.css")和子目录中的CSS文件(我将该文件包含为“./mycss.css”)。
在后一种情况下，图像显然是找不到的。
编辑:图像被找到了，所以问题的其余部分没有意义.
我不想使用绝对路径，因为使用不同的URL，同一站点在不同级别上显示为mysite.example.com、example.com
浏览 2提问于2015-06-12得票数 0
回答已采纳
我有一个应用程序，它在开发和我目前的生产服务器上工作得很好。
我想把它移到释放heroku (基本配置:1 dyno，1工作者)。
不幸的是，pdf生成(使用PdfKit)是可以的，但是没有在CSS中定义的图片。
我遵循了很多建议，包括：
有什么想法？
找到了一个解决办法，但我仍然渴望知道一个更好的选择：
我复制了我的观点:一个专用于html，另一个用于pdf。
我使用pics删除了所有css，并将其放在一个单独的文件中，仅包含在专门用于html的视图中。
最后，我将css 插入到专用于pdf的视图中：
.foo { background-image:u
浏览 2提问于2011-09-01得票数 1
回答已采纳
我试图在Symfony中使用生成一个PDF格式，但是每当我试图运行这个操作时，它就会超过PHP中最大60秒的执行时间。
以下是行动：
/**
* @Route("/download-agreement", name="download_agreement")
*/
public function downloadAgreementAction()
{
$session = new Session();
$html = $this->renderView('client-representation.html.twig', a
浏览 4提问于2016-01-12得票数 1
回答已采纳
2回答
我需要将订单打印为PDF格式。我使用的是pdfkit gem。绝对精疲力竭，但它只是不打印任何css。
application.html.erb：
<%= stylesheet_link_tag "application", :media => "all"%>
order_controller.rb
respond_to do |format|
format.html
format.pdf {
html = render_to_string(:template => "show.html.erb")
浏览 0提问于2015-12-24得票数 1
我正在尝试转换html页面与邪恶的pdf，但html / css / javascript不显示。
这是我的控制器：
respond_to do |format|
format.html
format.pdf do
render :pdf => 'rapport_pdf',
:template => 'messages/template_load_pdf.pdf.erb',
:layout => 'rapport_load_p
浏览 3提问于2018-02-06得票数 0
我想知道如何使用PhantomJS以pdf格式呈现响应式页面。我尝试了这么多响应页面，发现它正在使用打印css打印pdf。因此，如果页面包含print css或screen only css，它将呈现与我们通过打印命令预览(Ctrl + p)找到的相同的pdf。
有没有什么方法或者脚本可以让我在浏览器上看到pdf文件呢？
当我试图从获取pdf时，我附加了这个文件。
此外，主要问题不是响应式设计，问题是打印css应用于它们。
浏览 33提问于2014-08-11得票数 3
4回答
我在我的Django应用程序中使用从一个HTML源生成pdf。这就是：
我生成用所有“打印”内容(例如分页、页眉、页脚等)格式化的HTML文件。
我使用比萨将这个HTML转换成pdf。
这个过程是可以的，但它是缓慢的(特别是在处理长表时)，我必须根据比萨特性/限制使用HTML/CSS。
问题是:这是从web应用程序生成pdf的正确方法(即创建HTML，然后将其转换为pdf)，还是有一种更直接的方法，即用更合适的语言“编写”pdf？
浏览 8提问于2012-12-19得票数 18
回答已采纳
假设想使用图像来装饰指向某些文件类型的链接 <a href='foo.pdf' class='pdflink'>A File!</a> CSS .pdflink:after { content: url('/images/pdf.png') } 这么做是对的吗
浏览 260提问于2018-01-05
我的Rails 6应用程序使用的是webpack和纱线。我的sass样式表仍然使用asset管道。我正在使用布局css样式表为我的PDF，我与邪恶的PDF生成。我在生产中得到了以下错误，但没有在开发中得到(根据最佳实践，因为配置设置回退到资产管道在生产中是假的)： ActionView::Template::Error (The asset "%22images%2Fui-icons_555555_256x240.png%22" is not present in the asset pipeline. -- <!-- application.pdf.erb, used
浏览 17提问于2021-04-20得票数 0
尝试将我的视图打印到PDF，我正在为移动设备渲染PDF。基本上，我认为检测到了最小的屏幕，并使用了移动css样式。有没有办法解决这个问题？
我试着改变格式大小，让它变得很大，试着使用横向，但内容只是放大，它仍然可以用移动样式显示。
我正在考虑渲染一个pdf的局部视图，并有自定义的css文件只为pdf导出，但这似乎是很多不必要的工作
有什么想法吗？
谢谢
浏览 8提问于2015-04-09得票数 0
1回答
我正在使用yii2，并希望将我的html视图转换为pdf格式，因为我使用了。
在我的控制员行动中，我是这样做的：
public function actionPdf(){
Yii::$app->response->format = 'pdf';
$this->layout = '//print';
return $this->render('myview', []);
}
当我将Yii::$app->response->format = 'pdf';从操作中移除时。我
浏览 1提问于2016-01-04得票数 1
2回答
这是我正在工作的场景。将Eclipse与IXIASoft、DITA CMS和Oxygen XML编辑器结合使用。检索存储在DITA CMS中的文件并在O2中进行编辑。生成pdf输出。PDF的创建是由生产服务器上的天线房屋库控制的，我没有权限访问生产服务器上的xsl样式表或css文件。
我尝试在dita文件中嵌入样式，但似乎生产服务器上的文件覆盖了我所做的任何事情。已尝试链接到本地css文件，但似乎也被覆盖。
还受到自定义DTD中允许的内容的限制。找到了p元素的outputclass属性，但不确定如何使用它。有什么建议吗。
浏览 4提问于2013-09-29得票数 1
简单的问题:有没有人知道CF8是用什么来把HTML渲染成PDF的？
更具体地说，我想知道它的版本，以及它是否有支持/不支持哪些样式的完整描述。
(例如，它不支持CSS分页-你需要使用cfdocumentitem，它不太灵活)
浏览 2提问于2009-05-08得票数 9
回答已采纳
我有一个要求，我需要将我的asp.net页面信息写入到pdf文件与css样式(内联/样式表文件)。当创建pdf时，我们必须使文本框标签与文本框一样的边框和类似的下拉列表，复选框。您能帮助我们如何继续吗？
浏览 1提问于2015-12-08得票数 0
1回答
我可以用我的CSS改变我的Gitbook网站的设计。
然而，我不明白如何将CSS应用于PDF。
当我使用相同的CSS为PDF和CSS为网站，结果是不一样的。
我认为CSS for PDF似乎不能很好地工作。
我编写了book.json，如下所示。
"plugins": ["styles-sass", "image-captions"],
"styles": {
"website": "styles/website.scss",
"pdf": "styles/p
浏览 9提问于2016-01-24得票数 1
我使用wicked_pdf gem helper成功地加载了CSS文件：
<%= wicked_pdf_stylesheet_link_tag "pdf" %>
这在开发中效果很好，但是当我在生产环境中部署pdf CSS文件时，它不能正确导入。还要注意，文件是"pdf.scss.erb“，而不仅仅是"pdf.css”。
我不确定如何解决这个问题。查看服务器日志，我没有看到任何丢失文件的警告。
浏览 2提问于2016-04-01得票数 2
1回答
我有一个头部为这样的视图welcome.blade.php： <!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Blog</title>
&
浏览 130提问于2021-09-13得票数 0
回答已采纳
我正在评估Thymeleaf和飞Saucer的pdf生成模板，我有一个问题，应用css到我的Thymeleaf模板。我已经阅读了相关的问题&答案：、和；但是没有一个建议的解决方案解决了我的问题。
以下是“我的资源”文件夹的样子：
因此，我使用Spring将查找的默认目录。这就是head标签在我的template.html中的样子
<head>
<title>Spring Boot and Thymeleaf Example</title>
<meta http-equiv="Content-Type"
浏览 0提问于2018-11-08得票数 1
回答已采纳
2回答
CSS颜色未加载
、、、
我正在从一个生成一个pdf文件。CSS颜色(如背景色和文本颜色)不会显示(其它样式看起来已应用)。下面是我的一些代码：
function createPDFReceipt(formRes){
var template = HtmlService.createTemplateFromFile('nameOfFile'),
date = new Date(),
pdfFile;
template.name = formRes.name;
template.email = formRes.email;
template.payment =
浏览 0提问于2015-11-10得票数 2
5回答
我使用mPDF将html文件转换为pdf文件，几乎没有问题，但!important属性不起作用。守则如下：
CSS
td .style1 {border-left:2px #000000 solid !important;}
td .style2 {border-left:none;}
HTML：
<table>
<tr>
<td class="style1 style2">Something here</td>
</tr>
</table>
结果是td标签的左边框消失.我认
浏览 6提问于2015-06-23得票数 2
我的一个客户在WordPress上有一个美食博客。每个post条目都包含一些文本和一个名为“菜谱”的div，其中包含了更多的文本。他们希望在这个div中添加一个链接，该链接动态地生成菜谱的PDF格式，用于保存或打印用户认为合适的内容。
我已经看到了相当多的Wordpress插件，这些插件提供了将整个帖子转换为PDF的功能，但是没有任何可以自定义的插件来选择某篇文章的某一部分，这是我们想要的。
对如何做到这一点有什么建议吗？我对PHP、Javascript、CSS很满意，但我对各种PDF库都很陌生。
浏览 2提问于2011-01-24得票数 0
回答已采纳
2回答
我正在使用Drupal中的wkhtmltopdf库。我正在经历的问题是字体如何在PDF视图中显示。每次我将HTML页面转换为PDF。PDF文本(p标记)显示在机翼字体中。
在上面我所附的图片中，您将看到一个PDF视图，显示翼中的p标记，而h1和h2文本显示在droid中。
在玩过CSS之后，我奇怪地发现，如果我将字体的重量更改为600并超过PDF视图中的字体显示。这就是为什么显示h1 + h2文本的原因。
我的CSS很基本
body, p, p a {
font-family: "Droid Serif", "Georgia", serif;
fo
浏览 0提问于2015-12-10得票数 0
回答已采纳
我使用从html模板生成pdf文件。这个库有一个UIWebView，它将加载html字符串。
然后使用UIPrintPageRenderer生成pdf文件。
在HTML文件中，我导入了2个css文件，如下所示：
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="bootstrap.css" rel="stylesheet" type="text/css" />
当前，呈现的pdf文件只
浏览 7提问于2017-03-20得票数 1
回答已采纳
3回答
CSS不适用于DOMPDF
、、、、
我正在使用DOMPDF (v0.5.2)将html页面转换为pdf文件。
pdf文件在PHP脚本运行后出现(不出所料)，但是没有对任何内容应用任何样式。据我所知，float属性不适用于DOMPDF，所以我必须做一些工作来解决这个问题，但甚至字体样式都没有被应用。
我已经尝试了包含样式的所有三种方法:附加样式表，
<link href="styles.css" rel="stylesheet" type="text/css">
在标题中写入样式，
<style>...</style>
和内联样式。
<div
浏览 6提问于2013-08-02得票数 9
回答已采纳
我试图在飞行中将html转换为pdf。我正在使用iText来实现这一点。我成功地这样做了转换，但我被困在一个情况下，我必须应用一个外部的CSS文件来转换这个HTML到PDF。我在谷歌的iText邮件列表中搜索了很长一段时间。我所理解的是不可能应用外部css文件。
如果我错了，有人能纠正我吗？或者有没有一种方法可以应用外部css来动态地将html转换为pdf？任何关于如何进行的提示都将不胜感激。
浏览 0提问于2011-11-22得票数 3
实际上，我使用domPDF将页面打印到PDF中--问题是我从外部页面打印的所有PDF，没有CSS
举个例子：
<?php
require __DIR__ . '/vendor/autoload.php';
use Dompdf\Dompdf;
$dompdf = new Dompdf();
$html = file_get_contents('page.html');
$dompdf->loadHtml($html);
$dompdf->setPaper('A4', 'landscape');
$do
浏览 5提问于2021-07-08得票数 1
回答已采纳
1回答
有没有办法让dompdf看到CSS文件来样式化PDF输出？或者它必须与样式属性内联，如style="border:...;"
这是我尝试过的：
require_once("pdf/dompdf_config.inc.php");
$html = ob_get_contents();
//ob_clean();
$dompdf = new DOMPDF();
$dompdf->load_html($html);
$dompdf->set_base_path(realpath(dirname(__FILE__)));
$dompdf->render
浏览 1提问于2012-02-06得票数 0
我在一个由飞碟xhtmlrenderer生成的pdf中使用了一个自定义的truetype字体。
ITextRenderer renderer = new ITextRenderer();
renderer.getFontResolver().addFont("myfont.ttf", BaseFont.CP1252, BaseFont.EMBEDDED);
renderer.setDocument(XMLResource.load(in).getDocument(), url);
renderer.layout();
renderer.createPDF(out);
在所呈现的
浏览 2提问于2010-07-23得票数 4
回答已采纳
1回答
希望更改生成的PDF文档的样式。阅读了手册：
但没有任何信息能提供帮助。我正在修改rst2pdf.css文件，但是这些更改永远不会生效。
文件结构如下所示：
我应该运行一些命令来应用这些更改吗？
浏览 3提问于2017-05-01得票数 0
回答已采纳
3回答
我正在使用PrinceXML在我的.Net应用程序中创建PDF报表。我用HTML创建了这个报告，它有几个带背景色的区域。但是当使用PrinceXML生成PDF报告时，这些背景色就丢失了。我已经尝试用具有宽度和高度的背景图像替换背景颜色。他们还是没出现。它就像是完全移除了CSS区域。
以前有没有人遇到过这样的问题？PrinceXML文档提到它们支持背景色和图像。
浏览 3提问于2013-12-18得票数 1
1回答
问题
我使用飞碟从一个HTML文件生成一个PDF .
PDF是正确生成的，但CSS并没有应用到它。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
浏览 4提问于2015-04-21得票数 2
1回答
我有这个代码，我用它来导出html到pdf，它是工作的，但没有css
<body>
<div class="container">
<div style="background-color: yellow" id="pagina">Page to Print</div>
<div id="editor">
<a href="#" class="btn btn-primary d
浏览 1提问于2014-11-09得票数 0
2回答
基于数据的CSV或PDF的输出
、、、、
我有一个包含从数据库中检索到的数据的数据。当我在搜索文本框中输入一些关键字(搜索文本框由可数据生成)时，表的结果将发生更改。这很好。但是，当我单击导出到csv或pdf时，csv或pdf中的结果将从数据库而不是数据中检索。
如何使用laravel导出基于数据插件的csv/pdf？
//datatable插件
<link href="plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
<script src="plu
浏览 3提问于2015-08-24得票数 15
回答已采纳
3回答
我所写的网站需要将网页转换成PDF功能。在查看了选项之后，HiQPdf看起来是最好的选择，并且做了所有需要的事情，目前我正在使用免费版本，直到测试结束。
因此，按照说明，我创建网页，并将其传递给PDF创建者和一个位置，以查找所有链接项(主要是css)。密码是
var model = new SomeKindOfModel
{
SetSomeStuff = stuff
};
string htmlToConvert = RenderRazorViews.RenderViewAsString(ControllerContext, "Print", model);
stri
浏览 5提问于2017-10-31得票数 0
回答已采纳
一些现代浏览器将链接转换为
<a href="http://somesite.com">Site</a>
转到
站点()
作为生成的PDF的一部分。
有没有办法省略纯CSS生成的PDF版本中的链接
为了抑制链接URL，必须定义print.css中的哪些CSS类？
浏览 30提问于2012-08-15得票数 17
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
