Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 如何让MPDF呈现Bootstrap表样式大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经尝试了一段时间来创建一个带有mpdf的bootstrap页面的pdf,而不是丢失表格和其他样式.从我在mpdf网站上看到的是我支持的样式是支持的,所以不确定问题是什么.正在应用其他样式.只是没有这些表类.

表有这些类:“table table-Striped table-responsive small”

Bootstrap 3.3.1和mPDF 5.7& 6

页面在浏览器中按预期显示,但pdf被剥离了表格样式,并且导致可读性问题.

我试过从bootstrap.min.css中删除@print,如下所述:https://stackoverflow.com/a/27299382/1181367但没有任何区别.

提前感谢您提供的任何输入.

解决方法

当我使用mpdf生成发票时,我遇到了这个问题.
它无法应用.css文件标记中给出的CSs.
但在浏览器中正确显示格式,无论我设置哪个.

所以我试着把css作为内联
喜欢 :

<div style="display:block;color:#000;"></div>

它起作用并解决了我的问题.

其次,这种方法也可以帮助你:

$mpdf=new mPDF();
$stylesheet = file_get_contents('stylesheet.css'); // external css
$mpdf->WriteHTML($stylesheet,1);
$mpdf->WriteHTML($html,2); //$html contain your html code to display in pdf.
$mpdf->Output();

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 如何让MPDF呈现Bootstrap表样式全部内容,希望文章能够帮你解决twitter-bootstrap – 如何让MPDF呈现Bootstrap表样式所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。