前言
在web端打印是比较常见的需求,实际工作中也接触了不少,在这里对工作中用到的做一下总结
1.通过媒体查询隐藏元素
网页版的文件怎么打印,通过style标签内联引入,或者使用媒体查询media=&34;外链样式表。然后将无关元素隐藏,只将需要打印的内容展示出来;这时候需要专门写一套打印样式,页面修改,打印样式可能也需要修改,维护成本较高;
通过style标签内联引入,或者使用媒体查询media=&34;外链样式表。然后将无关元素隐藏,只将需要打印的内容展示出来;这时候需要专门写一套打印样式,页面修改,打印样式可能也需要修改,维护成本较高;
首先选择要打印的网页,然后在页面的空白地方,鼠标进行右击,在弹出来的页面中选择打印,最后在弹出来的页面选择你要打印的目标打印机,选择好了之后,点击打印就可以成功打印了。1.打印网页:IE中自带打印功能,文件--打印。
2.将需要打印的元素复制到一个iframe中
这种方案的好处是适用性强,缺点就是实现难度大;
1、打开自己想要打印的网站,先以电脑自带的IE浏览器为例,比如想要打印下面这个网页;2、进入主页之后,在工具栏中有一个打印机的选项,点击打开“打印预览”,然后设置想要更改的数据,没有问题直接打印就好了;3、如果是第。
3.打印页面设置
支持@page 来设置,同时支持 伪类 :left 、:right、:first
:left设置多页打印的时候偶数页的配置;
:right设置多页打印的时候奇数页的配置;
:first 设置第一页的配置
企业回近年来,3D打印技术得到了快速的发展和广泛应用,特别是用于手板加工或者是小批量生产的时候。而根据不同的材料和用途,可以选择不同的3D打印工艺,目前的3D打印工艺大致可以分为以下几种。1、FDM:熔融沉积快速成型,主要材料ABS和PLA。2、SLA。
页面宽度
打印常用的是A4纸,A4纸尺寸是21cm×29.7cm,在css中可以使用size属性设置
size属性设置页面大小和方向:
支持单独设置 A4、A3等 ,默认是纵向
支持单独portrait、landscape;纸张大小默认是关键词letter;
也支持 A4、A3 和 portrait、landscape关键词组合: A4 landscape;
也支持直接设置页面尺寸,比如:21cm 29.7cm,代表页面宽高分别为21cm和29.7cm
未设置size属性,可以在打印预览选择纸张大小和方向;设置之后就不能再选择了。
例子
页面的边距
margin属性设置页面的边距 : 不支持 em 和 ex;
使用绝对物理单位
使用pt、mm、cm等绝对单位
分页
打印的时候如果页面很长就会自动分页,如果我们希望分页不要把一些元素分开,可以给元素设置break-inside: avoid;不过可能会留下空白。
浏览器兼容性
firefox不支持size属性可以在打印预览设置纸张和打印方向
首先选择要打印的网页,然后在页面的空白地方,鼠标进行右击,在弹出来的页面中选择打印,最后在弹出来的页面选择你要打印的目标打印机,选择好了之后,点击打印就可以成功打印了。1.打印网页:IE中自带打印功能,文件--打印。
safari不支持@page可以在打印预览设置纸张和打印方向
调启打印预览
首先选择要打印的网页,然后在页面的空白地方,鼠标进行右击,在弹出来的页面中选择打印,最后在弹出来的页面选择你要打印的目标打印机,选择好了之后,点击打印就可以成功打印了。1.打印网页:IE中自带打印功能,文件--打印。
window.print() 、document.execCommand('print’) 、页面右键菜单打印、command+p