Whenever I print from Chrome, there seems to be extra space between lines in the middle of a paragraph!
Here is an image showing the difference between print emulation and print preview
This excess space is always in the same position on various pages and is about 80% of a line's height.
I'm having trouble troubleshooting it because the CSS print emulation does not exhibit this issue. On top of that, everything prints correctly in Firefox and Edge.
It appears to be quite similar to another unresolved question: Why am I getting extra line and/or paragraph spacing when printing, despite setting @media print styles?
Other related queries include:
- How to remove blank page when printing in Google Chrome
- Dealing with inexplicable empty space when printing from Chrome
In an attempt to troubleshoot based on these issues, I've experimented with disabling transitions, adjusting line-height, and modifying orphans and widows properties:
@media print {
* {
-webkit-transition:none!important;
-moz-transition:none!important;
-ms-transition:none!important;
-o-transition:none!important;
transition:none!important
}
h1, p {
orphans: unset;
widows: unset;
line-height: 1.15 !important;
}
}
Does anyone have any advice on how to pinpoint the cause of this problem? Here is an image displaying the HTML from print emulation