August 6th, 2014, 08:13 AM
Forcing maximum print area
I have a application that needs to force print to a specified area, (name cards).
Basically, what I now have is:
which works fine except if a company name or an employee name is too long, it will wrap to another line, causing the card wrap to a second card.
<div style='page-break-after: always' style = "center" >
<img class="center" src="$badge_logo_file" height="$logo_height" alt="" />
Can I force each line to shrink font size to maintain a single line of maximum width?
Can I force the entire <div> to shrink proportionally to fit a maximum height?
BTW, I am using an internal style sheet because I want to set values for text size programmatically from saved database values.
August 6th, 2014, 08:37 AM
Just found that "white-space:nowrap;" will keep the line from wrapping by simply truncating it.
Is there another configuration that will reduce text height to fit all the text without truncating?
Last edited by SeanF; August 6th, 2014 at 08:54 AM.