I created a web page with various elements with content using the jquery masonry plugin. I want to create a good print style for this page. When printing, I want to show a list of these fields (top to bottom). For these print styles, I use css below. For some reason, not all elements are shown in print, only the first five.
@media print { #container .item{ display:block !important; float:none !important; position:relative !important; left: !important; top:auto !important; overflow:visible !important; width: 100% !important; height: 100px !important; clear: left !important; } }
Johan source share