仅打印jQuery UI对话内容

Question

我有一个模态表单，单击按钮即可打开。它包含我要打印的文字。

我已经隐藏了print.css中的所有其他元素，除了包含我的打印数据的div。 当我按下ctrl + p它只显示我想打印的数据，就像我想要的那样，但它不适合打印A4页面。文本位于纸张的左上角，其中一部分（右侧）隐藏。

我在print.css中尝试了所有可能的样式，使内容适合可打印区域，但没有任何变化:(有人可以帮忙吗？

Answer 1

使用类似：

@media screen {
    .printable { display: none; }
    .non-printable { display: block; }
}
@media print {
    .printable { display: block; }
    .non-printable { display: none; }
}

并在打印状态下为页面设置页边距。

同时检查我的答案和jsFiddle here