jquery - 如何为 Masonry 创建良好的打印样式

Question

我制作了一个包含不同元素的网页，这些元素的内容使用 jquery masonry 插件。我想为这个页面创建一个好的打印样式。打印时我想显示此框的列表(从上到下)。对于这些打印样式，我使用下面的 css。由于某种原因，并非所有元素都显示在打印版中，只有前五个。

@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;
   }        
}

Answer 1

在使用 Masonry 的简单 2 栏网站上，这作为打印样式对我来说效果很好。

.masonry-brick[style]
{
position:relative !important;
display:block !important;
left:0 !important;
top:auto !important;
float:left;
}

#container[style]
{
height:auto !important;
}