2013-04-22 15 views
11

Nie jestem pewien, dlaczego, ale strona HTML wyświetla się dobrze, ale dompdf nie wykorzystuje pływaków.DOMPDF z css float

Kod to 2300 + linia długa, tak długo, aby opublikować tutaj .... Ale to wszystko wbudowane css.

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

Próbowałem zarówno opakowywania css w tagu stylu i liniowy bez powodzenia.

To jest strona html

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

tym odnośnikiem dompdf

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

nie jestem pewien dlaczego, ale strona wyświetla html po prostu w porządku, ale dompdf nie wykorzystuje pływaki ...

Kod jest 2300 + linia długa tak długo, aby opublikować tutaj .... Ale to wszystko wbudowane css ...

+0

Wydaje się, że brakuje obiekt '='? –

Odpowiedz

17

Obsługa Float jest wprowadzana do podstawy kodu 0.6.0, ale jest domyślnie wyłączona, ponieważ jest jeszcze w fazie rozwoju. Upewnij się, że jest włączony, ustawiając wartość DOMPDF_ENABLE_CSS_FLOAT na true.

Począwszy od wersji 0.7.0 obsługa pływaka jest domyślnie włączona.

Mimo to, ponieważ funkcja jest wciąż w fazie rozwoju, nie uzyskasz pożądanych rezultatów. Pływaki, które obejmują więcej niż jedną stronę, obecnie nie działają zgodnie z oczekiwaniami, ponieważ podział strony występuje przed renderowaniem niepłynnych treści.

+0

Mam już ustawione polecenie float na true przed opublikowaniem tego ... Dodatkowo wprowadziłem podział strony, aby zapobiec rozszerzaniu się spławów na więcej niż na stronie ... Czy istnieje jakiś idealny, gdy ta funkcja będzie funkcjonalna –

+0

Teraz nie.Mieliśmy nadzieję, że wsparcie dla float zostanie ukończone w wersji ostatecznej 0.6.0, ale wygląda na to, że prawdopodobnie przejdzie do następnej wersji. Niestety jesteśmy małym zespołem o ograniczonych zasobach i nie widzę tempa rozwoju w najbliższej przyszłości. – BrianS

+1

FYI, jednym z problemów, które widzisz, jest fakt, że dompdf nie ma obecnie rozmiaru div na jego zawartości w float. Więc szerokość nadal wynosi 100% dla twoich pływających divów. Jeśli określisz szerokość dla każdej kolumny (powiedzmy 25%), uzyskasz lepsze wyniki, ale układ jest nadal skomplikowany, ponieważ zmienne są większe niż pojedyncza strona. – BrianS

6

użyj def ("DOMPDF_ENABLE_CSS_FLOAT", true); w dompdf_config.inc.php

działa dla css pływaka

3

trzeba użyć https://github.com/barryvdh/laravel-dompdf jest plugin dompdf dla laravel 5.

i zmienić config:

dostawcy/barrryvdh/laravel-dompdf/konfiguracji/dompdf.php

def("DOMPDF_ENABLE_CSS_FLOAT", true); 
+1

laravel-dompdf 0.6.1 nie radzi sobie z bootstrapem '.col-xs-X 'style siatki bardzo dobrze, więc po prostu zmusiłem je do' display: inline-block' zamiast tego i zmieniłem szerokości, aby je wycisnąć z układem '@media print'. –

5

Chłopaki użyciu display: inline-block; zamiast pływaka. Używam starszej wersji dompdf w moim projekcie. Włączam DOMPDF_ENABLE_CSS_FLOAT true w pliku dompdf_config.custom.inc. Jednak wynik float nakłada się i jest zniekształcony. Blok inline jest nowym i lepszym sposobem niż użycie float left za każdym razem. Odwiedź poniższy link w3school, aby uzyskać więcej informacji. CSS Layout - inline-block

+0

* ding ding ding * mamy zwycięzcę! –

0

użycie <div style="position: absolute; left: 6px;"></div> w moim przypadku

def("DOMPDF_ENABLE_CSS_FLOAT", true); 

nie działa