2023年6月20日发(作者:)
java页⾯表格a4打印_如何在A4纸张尺⼨页⾯制作HTML页⾯?这是该⽂章的摘录:CSS2有分页媒体的概念(想想纸张),⽽不是连续媒体(想想滚动条) . 样式表可以设置页⾯⼤⼩及其边距 . 页⾯模板可以给出名称,元素可以说明要打印的页⾯ . 此外,源⽂档中的元素可以强制分页 . 以下是我们使⽤的样式表的摘录:@page {尺⼨:7英⼨9.25英⼨;边距:27mm 16mm 27mm 16mm;}有了⼀个美国的出版商,我们得到了以英⼨为单位的页⾯⼤⼩ . 作为欧洲⼈,我们继续进⾏公制测量 . CSS接受两者 . 设置页⾯⼤⼩和页边距后,我们需要确保在正确的位置有分页符 . 以下摘录显⽰了如何在章节和附录之后⽣成分页符:r,ix {page-break-after:always;}此外,我们使⽤CSS2声明命名页⾯:age {页⾯:空⽩;}也就是说, Headers 页将打印在名称为“空⽩”的页⾯上.CSS2描述了命名页⾯的概念,但只有当页眉和页脚可⽤时,它们的值才会变得明显 .⽆论如何…由于您要打印A4,当然需要不同的尺⼨:@page {size: 21cm 29.7cm;margin: 30mm 45mm 30mm 45mm;/* change the margins as you want them to be. */}本⽂深⼊研究设置分页符等内容,因此您可能希望完全阅读 .在您的情况下,诀窍是⾸先创建打印CSS . ⼤多数现代浏览器(> 2005)⽀持缩放,并且已经能够基于打印CSS显⽰⽹站 .现在,您将希望使Web显⽰看起来有点不同,并使整个设计适应⼤多数浏览器(包括2005年之前的旧版本) . 为此,您必须创建⼀个WebCSS⽂件或覆盖打印CSS的某些部分 . 在为Web显⽰创建CSS时,请记住浏览器可以具有任何⼤⼩(想想:“移动”到“⼤屏幕电视”) . 含义:对于Web CSS,您的页⾯宽度和图像宽度最好使⽤可变宽度(%)设置,以⽀持尽可能多的显⽰设备和Web浏览客户端 .EDIT (26-02-2015)今天,我偶然发现了另⼀个更近期的article at SmashingMagazine,它也潜⼊了⽤HTML和CSS进⾏打印的设计......以防万⼀你可以使⽤另⼀个教程 .EDIT (30-10-2018)它引起了我的注意,因为 size 是⽆效的CSS3,这确实是正确的 - 我只是重复了⽂章中引⽤的代码(如上所述)是好的旧CSS2(当你看⼀年的⽂章时这是有道理的这个答案⾸次发表) . ⽆论如何,这是您的复制和粘贴⽅便的有效CSS3代码:@media print {body{width: 21cm;height: 29.7cm;margin: 30mm 45mm 30mm 45mm;/* change the margins as you want them to be. */}}如果您认为您确实需要像素( you should actually avoid using pixels ),则必须注意选择正确的DPI进⾏打印:72 dpi(⽹页)= 595 X 842像素300 dpi(打印)= 2480 X 3508像素600 dpi(⾼质量打印)= 4960 X 7016像素然⽽,我会避免⿇烦,只需使⽤ cm (厘⽶)或 mm (毫⽶)进⾏⼤⼩调整,因为这样可以避免出现根据您使⽤的客户端⽽产⽣的故障 .
2023年6月20日发(作者:)
java页⾯表格a4打印_如何在A4纸张尺⼨页⾯制作HTML页⾯?这是该⽂章的摘录:CSS2有分页媒体的概念(想想纸张),⽽不是连续媒体(想想滚动条) . 样式表可以设置页⾯⼤⼩及其边距 . 页⾯模板可以给出名称,元素可以说明要打印的页⾯ . 此外,源⽂档中的元素可以强制分页 . 以下是我们使⽤的样式表的摘录:@page {尺⼨:7英⼨9.25英⼨;边距:27mm 16mm 27mm 16mm;}有了⼀个美国的出版商,我们得到了以英⼨为单位的页⾯⼤⼩ . 作为欧洲⼈,我们继续进⾏公制测量 . CSS接受两者 . 设置页⾯⼤⼩和页边距后,我们需要确保在正确的位置有分页符 . 以下摘录显⽰了如何在章节和附录之后⽣成分页符:r,ix {page-break-after:always;}此外,我们使⽤CSS2声明命名页⾯:age {页⾯:空⽩;}也就是说, Headers 页将打印在名称为“空⽩”的页⾯上.CSS2描述了命名页⾯的概念,但只有当页眉和页脚可⽤时,它们的值才会变得明显 .⽆论如何…由于您要打印A4,当然需要不同的尺⼨:@page {size: 21cm 29.7cm;margin: 30mm 45mm 30mm 45mm;/* change the margins as you want them to be. */}本⽂深⼊研究设置分页符等内容,因此您可能希望完全阅读 .在您的情况下,诀窍是⾸先创建打印CSS . ⼤多数现代浏览器(> 2005)⽀持缩放,并且已经能够基于打印CSS显⽰⽹站 .现在,您将希望使Web显⽰看起来有点不同,并使整个设计适应⼤多数浏览器(包括2005年之前的旧版本) . 为此,您必须创建⼀个WebCSS⽂件或覆盖打印CSS的某些部分 . 在为Web显⽰创建CSS时,请记住浏览器可以具有任何⼤⼩(想想:“移动”到“⼤屏幕电视”) . 含义:对于Web CSS,您的页⾯宽度和图像宽度最好使⽤可变宽度(%)设置,以⽀持尽可能多的显⽰设备和Web浏览客户端 .EDIT (26-02-2015)今天,我偶然发现了另⼀个更近期的article at SmashingMagazine,它也潜⼊了⽤HTML和CSS进⾏打印的设计......以防万⼀你可以使⽤另⼀个教程 .EDIT (30-10-2018)它引起了我的注意,因为 size 是⽆效的CSS3,这确实是正确的 - 我只是重复了⽂章中引⽤的代码(如上所述)是好的旧CSS2(当你看⼀年的⽂章时这是有道理的这个答案⾸次发表) . ⽆论如何,这是您的复制和粘贴⽅便的有效CSS3代码:@media print {body{width: 21cm;height: 29.7cm;margin: 30mm 45mm 30mm 45mm;/* change the margins as you want them to be. */}}如果您认为您确实需要像素( you should actually avoid using pixels ),则必须注意选择正确的DPI进⾏打印:72 dpi(⽹页)= 595 X 842像素300 dpi(打印)= 2480 X 3508像素600 dpi(⾼质量打印)= 4960 X 7016像素然⽽,我会避免⿇烦,只需使⽤ cm (厘⽶)或 mm (毫⽶)进⾏⼤⼩调整,因为这样可以避免出现根据您使⽤的客户端⽽产⽣的故障 .
发布评论