Come fare una pagina HTML in formato A4?

È possibile fare in modo che una pagina HTML si comporti, per esempio, come una pagina in formato A4 in MS Word?

Essenzialmente, voglio essere in grado di mostrare la pagina HTML nel browser, e delineare il contenuto nelle dimensioni di una pagina in formato A4.

Per semplicità, sto assumendo che la pagina HTML conterrà solo testo (niente immagini ecc.) e non ci saranno tag <br> per esempio.

Inoltre, quando la pagina HTML viene stampata, verrebbe fuori come pagine di carta di formato A4.

e-sushi
Domanda modificata 3º agosto 2015 в 5:25
Programmazione
printing html css
27º luglio 2010 в 7:26
9 visualizzazioni

Sarebbe abbastanza facile forzare il browser web a visualizzare la pagina con le stesse dimensioni in pixel del formato A4. Tuttavia, ci potrebbero essere alcune stranezze quando le cose vengono rese.

Supponendo che i vostri monitor visualizzino 72 dpi, potreste aggiungere qualcosa del genere:





    body {
        height: 842px;
        width: 595px;
        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
    }
Rich Bradshaw
Risposta modificata 17º febbraio 2015 в 10:47
Commentari (4)

Ho usato l'HTML per generare rapporti che vengono stampati correttamente in dimensioni reali su carta reale.

Se usi attentamente i mm come unità di misura nel file CSS dovresti essere a posto, almeno per le pagine singole. Le persone possono rovinarti cambiando lo zoom di stampa nel loro browser, però.

Mi sembra di ricordare che tutto quello che stavo facendo era a pagina singola, quindi non dovevo preoccuparmi della paginazione - questo potrebbe essere molto più difficile.

Commentari (0)

Tecnicamente, si potrebbe, ma ci vorrebbe molto lavoro per far sì che tutti i browser stampino la pagina esattamente come viene visualizzata sullo schermo. Inoltre, la maggior parte dei browser forza l'URL, la data di stampa e la numerazione della pagina sulla stampa, cosa che non è sempre desiderata. Questo non può essere modificato o disabilitato.

Invece, consiglierei di creare un PDF basato sul contenuto sullo schermo e servire il PDF per il download e/o la stampa. Anche se la maggior parte delle librerie PDF disponibili sono a pagamento, ci sono alcune alternative gratuite disponibili per creare PDF di base.

Commentari (0)