Here is a some default print css to get started.
@media print { * { background: #fff none !important; color: #000 !important; } a:after { content: " (" attr(href) ") "; font-size: 0.8em; font-weight: normal; /* wrapping required for windows 8 phone and ie10,11 */ -ms-word-break: break-all; word-break: break-all; display: inline-block; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } }
The bottom code prints out the url after any links and makes it wrap so it doesn’t break the layout.
Leave a Reply