Jak formatować CSS dla wydrukowanych stron 8,5x11 cala

Question

Szukam pomocy przy ustawianiu początkowego DIV, który zmieści się w granicach papieru listowego. Zacznę od pętli dynamicznej zawartości strony kończącej każdą stronę za pomocą `page-break-after; zawsze;.

Używam metody prób i błędów i zabrakło papieru do wypróbowania.

Jak skonfigurować pojemnik div, gdy pozycje odnoszą się do marginesów papieru?

Dziękujemy!

Answer 1

Po użyciu szablonu resetowania CSS i wyłączeniu opcji "Zmniejsz do strony" w opcjach wydruku, mogę utworzyć DIV o szerokości 7 "(około 670 pikseli) i wysokości 9,5 (około 900 pikseli). ... wewnątrz tego pola

to przekłada porządku pomiędzy drukarkami Podłączyłem Jeśli moje obliczenia są poprawne, druk DPI jest o 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; 
} 

Następnie pozycjonowanie jak to działa:

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