2013-04-22 34 views
11

Tôi không chắc chắn tại sao nhưng trang html chỉ hiển thị tốt nhưng dompdf không sử dụng các phao.DOMPDF với phao nổi

Mã là 2300 + dòng dài để lâu để đăng ở đây .... Nhưng đó là tất cả css nội tuyến.

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

Tôi đã thử cả hai gói css trong thẻ kiểu và nội tuyến không có may mắn.

Đây là trang html

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

Đây là liên kết dompdf

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

Tôi không chắc chắn lý do tại sao nhưng trang hiển thị html tốt nhưng dompdf không sử dụng các phao ...

Mã là 2300 + dòng dài để lâu để đăng ở đây .... Nhưng nó là tất cả css nội tuyến ...

+0

Có vẻ là mất tích một '='? –

Trả lời

17

Hỗ trợ nổi được giới thiệu trong cơ sở mã 0.6.0, nhưng nó bị tắt theo mặc định vì nó vẫn đang được phát triển. Đảm bảo bạn đã bật nó bằng cách đặt DOMPDF_ENABLE_CSS_FLOAT thành true.

Bắt đầu với hỗ trợ nổi phiên bản 0.7.0 được bật theo mặc định.

Điều đó đang được nói, vì tính năng vẫn đang được phát triển, bạn sẽ không nhận được kết quả mong muốn. Các bản đồ vượt quá một trang hiện không hoạt động như mong đợi vì một ngắt trang xảy ra trước khi nội dung không được thả nổi được hiển thị.

+0

Tôi đã đặt lệnh phao thành true trước khi đăng bài này ... Thêm vào đó tôi đã đặt một ngắt trang để giúp ngăn không cho các phao nổi kéo dài hơn trên trang ... Có lý tưởng nào khi chức năng này hoạt động –

+0

Ngay bây giờ, không.Chúng tôi đã hy vọng có hỗ trợ nổi hoàn thành cho bản phát hành cuối cùng 0.6.0, nhưng có vẻ như nó có thể sẽ trượt tới bản phát hành tiếp theo. Thật không may, chúng tôi là một nhóm nhỏ với nguồn lực hạn chế và tôi không thấy tốc độ phát triển ngày càng tăng trong tương lai gần. – BrianS

+1

FYI, một trong những vấn đề bạn thấy là vì dompdf hiện không kích thước div cho nội dung của nó trên phao. Vì vậy, chiều rộng vẫn là 100% cho các div được thả nổi của bạn. Nếu bạn chỉ định chiều rộng cho mỗi cột (nói 25%), bạn sẽ nhận được kết quả tốt hơn, nhưng bố cục vẫn phức tạp bởi các phao nổi lớn hơn một trang đơn. – BrianS

6

sử dụng def ("DOMPDF_ENABLE_CSS_FLOAT", true); trong dompdf_config.inc.php

nó hoạt động cho css của bạn float

3

bạn cần sử dụng https://github.com/barryvdh/laravel-dompdf là plugin dompdf cho Laravel 5.

và thay đổi cấu hình trong:

vendor/barrryvdh/laravel-dompdf/config/dompdf.php

def("DOMPDF_ENABLE_CSS_FLOAT", true); 
+1

laravel-dompdf 0.6.1 dường như không xử lý bootstrap '.col-xs-X 'kiểu lưới rất tốt, vì vậy tôi chỉ buộc chúng hiển thị' inline: inline-block' và thay đổi độ rộng để chèn chúng vào với bố cục '@media print'. –

5

Guys sử dụng display: inline-block; thay vì phao. Tôi sử dụng phiên bản dompdf cũ hơn trong dự án của mình. Tôi cho phép DOMPDF_ENABLE_CSS_FLOAT đúng trong tập tin dompdf_config.custom.inc. Nhưng kết quả nổi là chồng chéo và méo mó. Nội tuyến khối là cách mới và tốt hơn so với sử dụng phao còn lại mỗi lần. Truy cập liên kết w3school sau đây để biết thêm thông tin. CSS Layout - inline-block

+0

* ding ding ding * chúng tôi có một người chiến thắng! –

0

sử dụng <div style="position: absolute; left: 6px;"></div> trong trường hợp của tôi

def("DOMPDF_ENABLE_CSS_FLOAT", true); 

không hoạt động

Các vấn đề liên quan