为打印设置网页样式

时间:2017-10-19 08:27:47

标签: javascript html css

我在网站上有几个页面,点击按钮打印。这是HTML:

    <p class="print_line"><form class="print_btn_write"><input type="button" value="print" onClick="window.print();return true;"></form></p>

这种方式有限但有限。我想设置打印页面的方向,边距,字体等。我已经查看了CSS @page,但无法看到如何将此样式信息与网站上的特定页面相关联。任何帮助都是最受欢迎的

1 个答案:

答案 0 :(得分:2)

将您的CSS拆分为打印和屏幕版本:

@media print {
 #header{
 display: none;
}
}

@media screen {
…
}