Hướng dẫn apply css to print preview - áp dụng css để xem trước bản in

0

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi đang cố gắng in một div ở một trong các trang của tôi nhưng tôi không thể áp dụng CSS khi in. Viết phương tiện = "in" bên trong các thẻ kiểu không hoạt động. Tôi nên làm gì?

Đã hỏi ngày 23 tháng 3 năm 2012 lúc 13:25Mar 23, 2012 at 13:25

4

Sử dụng những điều sau:

Đã trả lời ngày 23 tháng 3 năm 2012 lúc 13:31Mar 23, 2012 at 13:31

NahydrinnahydrinNahydrin

12.9K12 Huy hiệu vàng58 Huy hiệu bạc98 Huy hiệu đồng12 gold badges58 silver badges98 bronze badges

3

Có nhiều cách cho điều đó:

Đầu tiên:

Dưới đây là một ảnh chụp màn hình từ bản xem trước in của Chrome (v19.0.1077.3 Canary), bạn đã đề cập đến việc sử dụng để kiểm tra điều này.

Đã trả lời ngày 23 tháng 3 năm 2012 lúc 13:52Mar 23, 2012 at 13:52

Rony Sprony spscottheckel

2.61814 Huy hiệu bạc16 Huy hiệu đồng33 silver badges46 bronze badges

Những gì bạn đang làm trong tin nhắn ban đầu của bạn sẽ hoạt động tốt. Đó chỉ là cách làm trường cũ.

Một điều cần lưu ý là trình duyệt sẽ không áp dụng tất cả các kiểu của bạn trong chế độ in. Nó chọn và chọn kiểu nào được in phù hợp. Tôi cũng đã phát hiện ra rằng nếu bạn sử dụng HTML 5 DocType, nó sẽ cho bạn kết quả hơi khác nhau.

Đây là một ví dụ đơn giản tương tự như bạn mà bạn có thể thử trong trình duyệt.

$('SelectorToPrint').printElement();

Dưới đây là một ảnh chụp màn hình từ bản xem trước in của Chrome (v19.0.1077.3 Canary), bạn đã đề cập đến việc sử dụng để kiểm tra điều này.

function printDiv(divToPrint) {

   $('#' + divToPrint).printElement(
        {
            printBodyOptions:
            {
                classNameToAdd: 'printarea'

            }
        }
   );

}

Scottheckelscottheckel

Print part of the page

9.00333 Huy hiệu bạc46 Huy hiệu đồng

Tôi đang sử dụng plugin JQuery Print Phần tử 1.2 để chỉ in nội dung của DIV. Bằng cách này, bạn không cần phải đặt màn hình CSS: không có cho tất cả các yếu tố bạn không muốn in.Mar 23, 2012 at 13:58

Tôi biết đó không phải là một câu trả lời thẳng thắn về câu hỏi của bạn, nhưng xem đó là một gợi ý tốt.ThdK

Thí dụ:23 gold badges70 silver badges98 bronze badges

Làm cách nào để sử dụng bản xem trước in trong CSS?

Chúng tôi có thể áp dụng CSS lên trang để in không?

Làm thế nào để bạn in bằng CSS?

Làm cách nào để buộc bản xem trước in?