For my project, I need to display the same image 24 times with a 3x8 matrix on an A4 size page using a foreach method.
The issue I'm encountering is that I have to manually add space between each row and column, but it cannot cause the page to break. The 3x8 matrix must stay on the same page.
Here is the CSS code snippet:
foreach method
<div id="qr" style="display: inline-block; width:6.9cm; height:4cm;" >
(image)
</div>
end foreach
I am seeking advice on how to increase the space between two rows without causing a page break.
If I increase the width from 6.9 to 7.2, the eighth row goes onto the second page when printing.