在html2pdf中使用css浮動

Question

我使用浮動來將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：

，但是當我點擊打印它變成這樣：

任何想法的問題是什麼？

Answer 1

從個人經歷來看，我想說造型HTML2PDF的輸出最多就是深奧的魔法科學。造成這種情況的主要原因是：

• 類僅支持CSS樣式的（相對小的）子集&選擇
• CSS兼容性無證
• PDF是不可能的關係來調試到HTML輸入

公平地說，這不僅是HTML2PDF而是also for the TCPDF that HTML2PDF uses的問題。

它可能有可能的是HTML2PDF，是隻是一個幾乎零設置，快捷方便&替代接口，爲TCPDF，削減更多的CSS支持 - 不過我敢肯定，甚至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>"; 
    } 
?> 

Answer 2

你可以看到快速文檔在線法語在這裏： http://demo.html2pdf.fr/examples/pdf/about.pdf

（'Les float ne sontgérésque pour la balise IMG'）

= 浮動只處理img標記由類。

處理的CSS屬性也列在文檔中。