Question

我正在使用jquery.printElement.js来打印我创建的日历表。它位于div内部，并且大部分按预期工作。我的CSS虽然很麻烦。正如我earlier question中描述的那样，我的单元格展开以适应内容，即使我正在传递.css文件。

我还试图在我能想到的每个可能的地方添加table-layout: fixed;，white-space: nowrap;和overflow:hidden;。即使是printBodyOptions中的附加参数：

function printCalendar(){
     $('#printable').printElement({
          overrideElementCSS:['../css/calendarstyle.css',
                              '../css/colorbox.css',
                              '../css/buttonstyle.css'
                              ],
    printBodyOptions:{
        styleToAdd:
                'table-layout:fixed; 
                 overflow:hidden; 
                 white-space: nowrap; !important;'
        }
    });
}

我没有想法，我希望有一种方法可以将我的日历打印为图像，截图或类似内容。因此，所有已经呈现的比例适用于打印的日历，以及屏幕上的演示。有谁知道这样做的方法？还有其他更好的解决方案吗？

Answer 1

你试过专门打印的样式表吗？

@media print {
/* overrides here commun CSS with higher selector or !important rules */
}

否则你有white-space: nowrap; !important;'，语法错误:)，应为：white-space: nowrap !important;'

我可以将<div>的内容打印为栅格化图像吗？</div>

1 个答案: