kiểu in css

Question

Tôi có một trang hiển thị tốt trên màn hình.

Tôi có một css sau đó định dạng màn hình để in và tái kích thước các phần.

Vấn đề của tôi là bố cục in có lề khoảng một inch từ bên trái của trang làm cho 2 phần tử in ra khỏi trang ở bên tay phải.

tôi có lẽ có thể nén nội dung từ cánh phải nhưng tôi muốn biết nếu tôi có thể làm giảm lợi nhuận trên bên trái (và về cơ bản tập trung các nội dung)

tôi đã thiết lập các thẻ cơ thể trên bản in để margin:0;padding: 0; nhưng điều này không có hiệu lực?

Có một cài đặt khác kiểm soát lề in không?

Answer 1

Bạn có thể thiết lập lề in (và định hướng phong cảnh) với CSS như:

@media print { 
    @page { 
     size: letter landscape; 
     margin: 4.0cm; 
    } 
} 

Và tin tốt là, nó hoạt động! (Trên Chrome. Not supported on other browsers mặc dù tôi không kiểm tra IE9.)

Lề phải nằm trong đơn vị có ý nghĩa trong in - pixel không được phép.

Chrome sẽ không thu nhỏ lề dưới mức tối thiểu cố định, có thể do trình điều khiển máy in xác định.

Answer 2

Bạn cũng có thể cố gắng thiết lập

margin:0; và padding:0;

đến html, main content div và p thẻ

và xem giúp.

Nếu không, đặt cược tốt nhất của bạn là đặt width cụ thể trên các yếu tố của bạn.