Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为打印设置网页样式_Javascript_Html_Css - Fatal编程技术网

Javascript 为打印设置网页样式

Javascript 为打印设置网页样式,javascript,html,css,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,

我在一个网站上有几页是点击按钮打印出来的。以下是HTML:

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


这是有效的,但效果有限。我想设置打印页面的方向、边距、字体等。我已经签出了CSS@page,但看不到如何将此样式信息与网站上的特定页面关联。欢迎提供任何帮助

将css拆分为打印和屏幕版本:

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

@media screen {
…
} 

将css拆分为打印和屏幕版本:

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

@media screen {
…
}