How to create a good print style for Freemasonry

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; } } 
+4
source share
2 answers

This worked well for me as a print style on a simple two-column site using Freemasonry.

 .masonry-brick[style] { position:relative !important; display:block !important; left:0 !important; top:auto !important; float:left; } #container[style] { height:auto !important; } 
+6
source

The left property is missing a value:

 left: !important; 
0
source

Source: https://habr.com/ru/post/1441647/


All Articles