I'm trying to create a pdf containing images of equal size that are meant to be cut up after printing. At start, I believed I have an idea how to achieve it:
This code almost works. There is major and a minor problem with this solution.
Minor one is, that dashed cut-paths are printed on the right and bottom sides of rightmost and bottommost images. Pure css solution (without pointing out which images are going to be rightmost and bottommost ones in xml) would be great.
Major one is, that margins between these images are not 0, even if I explicitly add rule margin: 0;. Removing whitespaces from xml file partially solves this, although it has impact only on horizontal gaps. How to get rid of vertical spacing?
img {
width: 50mm;
height: 50mm;
border: 1pt dashed black;
border-width: 0 1pt 1pt 0;
}
This code almost works. There is major and a minor problem with this solution.
Minor one is, that dashed cut-paths are printed on the right and bottom sides of rightmost and bottommost images. Pure css solution (without pointing out which images are going to be rightmost and bottommost ones in xml) would be great.
Major one is, that margins between these images are not 0, even if I explicitly add rule margin: 0;. Removing whitespaces from xml file partially solves this, although it has impact only on horizontal gaps. How to get rid of vertical spacing?