javascript - Finns det något sätt att skriva ut en scrollbar HTML-vy med rätt marginaler och justering för specifik sidstorlek (t.ex. A4-sida) i Angular


Jag försöker skriva ut en Scrollable Screen som är utvecklad i Angular med HTML och CSS där jag kan skriva ut den men inte får ett perfekt resultat, till exempel separeras inte sidorna med rätt marginaler och innehållet inuti sitter fast vid sidans kanter och jag får inte det förväntade resultatet. Förväntat resultat är att skriva ut innehållet inuti mallförhandsvisningen (scrollbart område) med rätt marginaler och korrekt separerat för flera sidor för en specifik sidstorlek (A4).

Den nedan angivna länken är en lösning jag hittade som liknar mitt problem, men jag kan inte få rätt resultat efter att ha implementerat den i mitt projekt.

https://stackblitz.com/edit/how-to-split-html-page-in-a4-size-in-angular-9?file=src%2Fapp%2Fapp.component.css

Snälla hjälp mig att få någon ordentlig lösning.