4

jquery masonry プラグインを使用しているコンテンツを含むさまざまなアイテムを含む Web ページを作成しました。このページに適した印刷スタイルを作成したいと考えています。印刷するとき、このボックスのリストを(上から下に)表示したいと思います。これらの印刷スタイルには、以下の css を使用します。何らかの理由で、すべてのアイテムが印刷版に表示されるわけではなく、最初の 5 つだけが表示されます。

@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

3 に答える 3

7

これは、Masonry を使用したシンプルな 2 カラム サイトの印刷スタイルとしてうまく機能しました。

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

#container[style]
{
height:auto !important;
}
于 2012-12-19T14:59:13.120 に答える
0

leftプロパティに値がありません:

left:  !important;
于 2012-11-09T00:23:50.143 に答える