2010-02-07 25 views
10

Mã CSS để thực hiện ngắt trang khi in là gì? Hoặc tốt hơn, có một số khuôn khổ CSS in như JQuery là thao tác với trang web DOM không? Tôi cần in các trang web có kiểm soát như Adobe PDF, nhưng không cần sử dụng plugin của bên thứ ba. In cần phải được chính xác, giống như kiểm soát những gì pixel hit đỉnh của mỗi trang, (nếu chúng ta muốn đưa biểu trưng vào mỗi tiêu đề trang ví dụ.Mã CSS để thực hiện ngắt trang để in các trang web là gì?

Bất kỳ ý tưởng?

Trả lời

16

page-break-before: always;

page-break-after: always;

6

Bạn có thể cố gắng ép buộc một ngắt trang bằng cách sử dụng page-break-before or page-break-after tài sản.

kiểm soát in Pixel hoàn hảo sẽ rất, rất khó khăn để đạt được. Ví dụ, mỗi lông mày er thêm phần chân trang và phần đầu trang mà bạn không thể tác động và chỉ người dùng mới có thể tắt. Trình duyệt bỏ qua hình ảnh nền và có xu hướng đặt lề khi chúng thấy phù hợp.

Đối với một tóm tắt về cách tạo kiểu HTML cho in ấn, bài viết Smashing Magazine này có thể cung cấp một số gợi ý: Printing the Web: Solutions and Techniques

1

Các w3schools.com có ​​ích CSS Reference. Vì hầu hết chúng ta không thể nhớ nhiều thuộc tính css không phổ biến, hy vọng điều này hữu ích cho bạn.

3

Hỗ trợ trình duyệt in rất yếu, tốt nhất. Ví dụ, việc có được một cái gì đó giống như một hình ảnh tiêu đề trang để làm việc sẽ là khá thô; Tôi không biết bất kỳ trình duyệt nào thậm chí hỗ trợ khai báo CSS "@page", không kể đến các tính năng nội dung đang chạy của CSS3.

Bộ công cụ PDF FlyingSaucer cho Java, mặt khác, thực hiện một công việc đáng chú ý là chuyển XHTML thành PDF (đặc biệt là miễn phí). Chúng tôi sử dụng nó với Freemarker để tạo mẫu cho "trang", nhưng nó xử lý hình ảnh, chạy văn bản đầu trang/chân trang, ngay cả các liên kết nội dung.

1

Bạn không thể nhận được độ chính xác in ở mức pixel từ trình duyệt. Tùy chọn duy nhất của bạn là PDF hoặc định dạng tài liệu bên thứ 3 tương tự. Tuy nhiên, nếu bạn chỉ muốn đảm bảo một biểu tượng nằm trên đầu trang so với cuối trang tiếp theo, bạn có thể sử dụng thuộc tính ngắt trang trước, trang sau ngắt

2

Tôi không chắc chắn ngôn ngữ máy chủ bạn đang sử dụng nhưng tôi đã thành công lớn với wkhtmltopdfwicked_pdf cho Ruby on Rails.

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