2012-10-23 37 views
4

我已经制作了一个网页,其中包含使用jquery砌体插件的不同项目。我想为这个页面创建一个很好的打印样式。打印时,我想显示这个框的列表(从上到下)。对于这些打印样式,我使用下面的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; 
    }   
} 

回答

0

left属性缺少值:

left: !important; 
6

这对砌体用一个简单的2列的网站运作良好,我作为一个打印样式。

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

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

你摇滚的伙计,谢谢! –

+0

适用于IE 11,Firefox 47和Chrome 52:D – dubrox