html2pdf

Question

में सीएसएस फ्लोट के साथ काम करना मैं एक-दूसरे के बगल में 2 divs को स्थानांतरित करने के लिए फ्लोट का उपयोग कर रहा हूं।

<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, यह सिर्फ एक पीडीएफ में बफ़र डेटा प्रस्तुत हुई है, लेकिन किसी भी तरह तैरता है कि निर्धारित किया गया प्रक्रिया में खो गए थे है।

<?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'); 
?> 

यह एचटीएमएल पर ठीक काम करता है:

लेकिन जब मैं प्रिंट पर क्लिक करें यह इस में बदल जाता है:

किसी भी विचार क्या समस्या है?

Answer 1

व्यक्तिगत अनुभवों से बात करते हुए, मैं कहूंगा कि HTML2PDF के आउटपुट स्टाइलिंग, सबसे अच्छा, गूढ़ काले जादू विज्ञान है। इसके लिए मुख्य कारण हैं:

• वर्ग केवल & चयनकर्ताओं
• सीएसएस अनुकूलता undocumented है
• पीडीएफ HTML इनपुट
के संबंध में डिबग करने के लिए असंभव है सीएसएस शैलियों की एक (अपेक्षाकृत छोटे) सबसेट का समर्थन करता है

निष्पक्ष होने के लिए, यह केवल HTML2PDF लेकिन also for the TCPDF that HTML2PDF uses के लिए समस्या नहीं है।

यह संभव हो सकता है कि HTML2PDF, बस एक लगभग-शून्य-सेटअप, TCPDF के लिए त्वरित & आसान वैकल्पिक इंटरफ़ेस किया जा रहा है, और अधिक सीएसएस समर्थन को काट देता है - लेकिन मुझे यकीन है कि भी TCPDF समर्थन नहीं करेंगे कर रहा हूँ float ठीक से।

<?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

आप देख सकते हैं:

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

तुम भी सार्वजनिक HTML से इस शर्मिंदगी छिपाने सकता है:

सबसे अच्छा समाधान का है कि आप इस्तेमाल कर सकते हैं नब्बे के दशक के लिए अपने अस्थायी divs भेजने के लिए है यहां फ्रेंच में त्वरित दस्तावेज़ीकरण ऑनलाइन: http://demo.html2pdf.fr/examples/pdf/about.pdf

('लेस फ्लोट एन सोंट गेरेस क्यू ला ला बालीज आईएमजी')

= फ़्लोट केवल कक्षा द्वारा img markups के लिए संभाले जाते हैं।

हैंडल सीएसएस गुण दस्तावेज़ में भी सूचीबद्ध हैं।