15

我正在使用浮动将 2 个 div 放置在彼此旁边。

<a href="printbox.php">print</a>
<?php ob_start(); ?>
<style>
    #sidedish{
        float: left;

        border: 1px solid black;
        width: 100px;
        height: 100px;
    }
    #maindish{
        float: right;
        width: 200px;
        border: 1px solid black;
        height: 100px;
        text-align: center;
    }

    #container{
        width: 304px;
        height: 100px;
        border: 1px solid black;
    }
</style>

<div id="container">
<div id="sidedish"></div>
<div id="maindish"><div id="box">name</div></div>
</div>
<?php $_SESSION['boxes'] = ob_get_contents(); ?>

这是 printbox 所做的，它只是将缓冲的数据呈现为 pdf，但不知何故，设置的浮点数在此过程中丢失了。

<?php require_once('html2pdf/html2pdf.class.php'); ?>
<?php
$html2pdf = new HTML2PDF('P', 'A4', 'en', true, 'UTF-8', array(0, 0, 0, 0));
$html2pdf->writeHTML($_SESSION['boxes']);

$html2pdf->Output('random.pdf');
?>

它在 html 上运行良好：

在此处输入图像描述

但是当我点击打印时，它变成了这个：

在此处输入图像描述

知道问题是什么吗？

4

2 回答 2

28

就个人经验而言，我会说造型输出HTML2PDF充其量是深奥的黑魔法科学。主要原因是：

  • 该类仅支持 CSS 样式和选择器的（相对较小的）子集
  • CSS 兼容性未记录在案
  • 无法调试与 HTML 输入相关的 PDF

公平地说，这不仅是使用的问题，也是使用HTML2PDF的问题TCPDFHTML2PDF。

有可能，HTML2PDF作为一个几乎零设置、TCPDF快速和简单TCPDF的float.

您可以使用的最佳解决方法是将浮动 div 发送到九十年代：

<table>
    <tr>
        <td><div class="float"> ... </div></td>
        <td><div class="float"> ... </div></td>
    </tr>
</table>

您还可以在公共 HTML 中隐藏这种尴尬：

<?php
    $isPdf = (/* condition that tells us we're outputting PDF */) ? true : false;
    if ($isPdf) {
        echo "<table><tr><td>";
    }
?>
<div class="float"> ... </div>
<?php
    if ($isPdf) { 
        echo "</td><td>";
    }
?>
<div class="float"> ... </div>
<?php
    if ($isPdf) {
        echo "</td></tr></table>";
    }
?>
于 2012-01-23T08:21:33.530 回答
8

您可以在此处以法语在线查看快速文档：http: //demo.html2pdf.fr/examples/pdf/about.pdf

('Les float ne sont gérés que pour la balise IMG')

=浮点数仅由类处理 img 标记。

文档中还列出了处理的 css 属性。

于 2013-09-13T09:06:31.783 回答