Cách định dạng CSS cho các trang in 8,5x11 inch

Question

Tôi đang tìm trợ giúp thiết lập DIV ban đầu sẽ vừa với đường viền của giấy chữ. Tôi sẽ lặp cho nội dung trang động kết thúc mỗi trang với `page-break-after; luôn luôn;.

Tôi đã sử dụng phương pháp thử và lỗi và hiện đã hết giấy để dùng thử.

Làm cách nào để bạn thiết lập vùng chứa div nơi vị trí có liên quan đến lề giấy?

Cảm ơn bạn!

Answer 1

Sau khi sử dụng mẫu đặt lại CSS và tắt "thu nhỏ trang" trong tùy chọn in, tôi có thể tạo DIV rộng 7 "(khoảng 670px) và cao 9,5 (khoảng 900px). ... bên trong hộp này

Nó dịch tốt giữa các máy in đã kết nối Nếu tính toán của tôi là chính xác, in DPI khoảng 95ppi

#printPage 
{ 
    margin: 0px; 
    padding: 0px; 
    width: 670px; /* width: 7in; */ 
    height: 900px; /* or height: 9.5in; */ 
    clear: both; 
    background-color: gray; 
    page-break-after: always; 
} 

Sau đó định vị như thế này hoạt động:

#cube 
{ 
    position: relative; 
    top: 1in; 
    left: 1in; 
    width: 1in; 
    height: 1in; 
    background-color: white; 
}