我有一个显示食谱的模态(使用jquery jqmodal插件)。当我们打印长篇食谱时,第二页不会打印。
http://www.markethallfoods.com/products.php?product=Organic-Alternative-Sweeteners
点击我们的水果蛋糕链接,然后尝试打印。 我已经重置了溢出,浮动等......这是与之相关的CSS。
.recfloatleft {display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline; vertical-align: top; width: 180px;}
ul.recfloatleft {margin-bottom: 0;}
.combined {font-weight: bold;}
@media print {
body {width: 100%; margin: 0; padding: 0;font-size: 9pt; line-height: 10pt;}
ul.recfloatleft{ font-size: 10pt; width: 180px;}
* {border: 1px solid white;}
.noprint, .Left {
display:none
}
.jqmWindow p {overflow: visible;}
.mainRecipe {margin: 0; padding: 0; width: 100%; float: none;}
div.logoimg {width: 800px; height: 75px;}
.jqmWindow
.jqmWindow li {line-height: 10pt;}
.print , .print ul { font-size: 9pt; line-height: 10pt;}
.print p {margin-bottom: 12pt;}
.print {display: block !important; }
.jqmWindow {
background-color: white;
border:0px none;
color:inherit;
left:10px;
margin-left:0;
padding:0px;
position:inherit;
top:0;
width:95%;
}
#footerWrapper {display: none;}
}