2013-04-22 11 views
11

Ich bin mir nicht sicher warum, aber die HTML-Seite zeigt nur gut, aber die Dompdf verwendet nicht die Floats.DOMPDF mit css float

Code ist 2300 + Linie lang so zu lange hier zu posten .... Aber es ist alles inline css.

<div style="float:left;"> </div> 

Ich habe versucht, sowohl die CSS in einem Stil-Tag und inline ohne Glück zu wickeln.

Dies ist die HTML-Seite

http://www.ems-complete.com/ccems/ccems_reports/daily_vehicle_check_sheet.php?id=5

Dies ist der Link dompdf ist

http://www.ems-complete.com/ccems/ccems_reports/form_daily_vehicle_check.php?id=5

Ich bin nicht sicher, warum, aber die HTML-Seite zeigt ganz gut, aber die dompdf nicht nutzt die Schwimmer ...

Code ist 2300 + Linie lang so zu lange hier zu posten .... Aber es ist alles inline css ...

+0

scheint ein '=' zu fehlen? –

Antwort

17

Float-Unterstützung wird in der Codebasis 0.6.0 eingeführt, aber es ist standardmäßig deaktiviert, da es noch in Entwicklung ist. Stellen Sie sicher, dass Sie sie aktiviert haben, indem Sie DOMPDF_ENABLE_CSS_FLOAT auf true setzen.

Ab Version 0.7.0 ist die Float-Unterstützung standardmäßig aktiviert.

Das gesagt, da das Feature noch in der Entwicklung ist, werden Sie nicht die gewünschten Ergebnisse erhalten. Floats, die mehr als eine Seite umfassen, funktionieren derzeit nicht wie erwartet, da ein Seitenumbruch auftritt, bevor der nicht floatende Inhalt gerendert wird.

+0

Ich habe den float-Befehl bereits vor dem Posten auf true gesetzt ... Außerdem habe ich einen Seitenumbruch eingefügt, um zu verhindern, dass sich die Floats mehr als auf Seite überspannen ... Gibt es ein Ideal, wenn diese Funktion funktionieren wird –

+0

Im Moment nicht.Wir hatten gehofft Floatsupport für die finale Version 0.6.0 abgeschlossen zu haben, aber es sieht so aus, als würde es wahrscheinlich zur nächsten Version rutschen. Leider sind wir ein kleines Team mit begrenzten Ressourcen und ich sehe nicht, dass sich das Entwicklungstempo in naher Zukunft erhöhen wird. – BrianS

+1

FYI, eines der Probleme, die Sie sehen, ist, weil Dompdf derzeit nicht ein DIV zu seinem Inhalt auf Float Größe. Also ist die Breite für deine Floated Divs immer noch bei 100%. Wenn Sie für jede Spalte eine Breite angeben (etwa 25%), erhalten Sie bessere Ergebnisse, aber das Layout wird immer noch dadurch erschwert, dass die Floats größer als eine einzelne Seite sind. – BrianS

6

Verwendung def ("DOMPDF_ENABLE_CSS_FLOAT", true); in dompdf_config.inc.php

funktioniert es für Ihre css float

3

Sie https://github.com/barryvdh/laravel-dompdf ist das Plugin dompdf für Laravel 5 verwenden müssen.

und ändern die config in:

Verkäufer/barrryvdh/Laravel-dompdf/config/dompdf.php

def("DOMPDF_ENABLE_CSS_FLOAT", true); 
+1

Laravel-Dompdf 0.6.1 scheint nicht mit dem Bootstrap '. Col-Xs-X zu behandeln 'Grid Styles sehr gut, so zwang ich sie nur zu" Display: Inline-Block "statt und änderte die Breiten, um sie mit dem' @media print'-Layout zu drücken. –

5

Typen verwenden display: inline-Block; anstelle von Float. Ich verwende die ältere Version von dompdf in meinem Projekt. Ich aktiviere DOMPDF_ENABLE_CSS_FLOAT in der Datei dompdf_config.custom.inc. Aber das float-Ergebnis ist überlappend und verzerrt. Der Inline-Block ist der neue und bessere Weg, als den Float-Link jedes Mal zu verwenden. Besuchen Sie den folgenden w3school Link um weitere Informationen zu erhalten. CSS Layout - inline-block

+0

* Ding Ding * Wir haben einen Gewinner! –

0

Verwendung <div style="position: absolute; left: 6px;"></div> in meinem Fall

def("DOMPDF_ENABLE_CSS_FLOAT", true); 

funktioniert nicht