2012-10-23 4 views
4

jquery masonry 플러그인을 사용하는 다른 콘텐츠가있는 웹 페이지를 만들었습니다. 이 페이지에 대해 좋은 인쇄 스타일을 만들고 싶습니다. 인쇄 할 때이 상자의 목록을 표시하려고합니다 (위에서 아래로). 이 인쇄 스타일에 대해서는 아래 CSS를 사용합니다. 어떤 이유로 모든 항목이 인쇄 된 버전으로 표시되는 것은 아니며 처음 5 개 항목 만 표시됩니다. 이 벽돌을 사용하여 간단한 2 열 위치에 인쇄 스타일로 잘 날 위해 일했다벽돌 용으로 좋은 인쇄 스타일을 만드는 방법

left: !important; 

답변

0

left 속성은 값이 없습니다.

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

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

:

@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

여러분, 고마워요! –

+0

IE 11, Firefox 47 및 Chrome 52 : D에서 제대로 작동합니다. – dubrox

관련 문제