参考地址

原始样式如下

网页打印A3、A4文档大小

body{text-align:center;}

div{margin:0 auto;overflow:hidden;font-size:12px;display:block;}

p{margin:15px 30px;position:relative;overflow:hidden;padding:0;}

这是你要的打印内容

打印页边距设定为 5mm 时,网页内最大元素的分辨率:756×1086

这是你要的打印内容

打印页边距设定为 19.05mm 时,网页内最大元素的分辨率:649×978

这是你要的打印内容

//复制内容

var divs=document.getElementsByTagName("div");

var ps=document.getElementsByTagName("p");

for(var i=0;i

{

ps[i].innerHTML=copy(11,ps[i].innerHTML);

ps[i].style.height= parseInt(divs[i].style.height.replace("px"))-30+"px";

}

function copy(count,cont)

{

for(var j=0;j

{

cont+=""+cont;

}

return cont;

}

Vue简单的一个页面打印

html页面打印a4尺寸,html网页打印A4样式相关推荐

  1. div 设置a4大小_网页打印时设置A4大小

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  2. class jqprint 失效_web的各种前端打印方法之jquery打印插件jqprint实现网页打印

    web的打印方法具我自己懂得知道的有: 1.jquery插件jqprint实现 2.jqery打印插件printarea实现网页打印 3.css控制网页打印样式 jquery插件jqprint实现: ...

  3. 「Photoshop2021入门教程」创建A4尺寸打印文档

    如何在Photoshop2021中创建A4尺寸文档?根据文档的不同用途可能需要不同的尺寸,例如很多打印店都是A4纸来打印,那么如果在PS创建A4尺寸文档呢? 打开Photoshop2021,点击文件- ...

  4. web打印插件 js打印插件 网页打印插件

    平常浏览网页和文档的时候,随处可见打印两个字,有时候不小心点到,就会弹出一个打印的页面,如果连接了打印机,可以直接调用到打印机进行真实的打印.做为开发人员我们在网页开发过程中经常会有打印页面的需求,目 ...

  5. php制表网页打印到a4纸,A4纸网页打印 html网页页面的宽度设置成多少

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  6. div 设置a4大小_A4纸网页打印 html网页页面的宽度设置成多少

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  7. 设置打印html页面大小,A4纸网页打印 html网页页面的宽度设置成多少

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  8. A4纸网页打印 html网页页面的宽度设置成多少

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  9. 网页打印中,A4纸对应的像素值的设定和换算

    WEB打印时,页面中都是使用像素来控制,而我们所知道的纸张大小,例A4,A5,B1,B2,都是以厘米为单位的,那么在网页中对应的像素值应该是多少呢?(^_^ 广告: 星烛crm系统 http://ww ...

  10. 网页打印问题,打印设置,打印预览,打印分页,纵打,横打及页面的边距

    1.控制"纵打". 横打"和"页面的边距 (1) <object  id="factory"  style="display ...

最新文章

  1. 如何在linux下写脚本定时备份mysql数据库
  2. golang 下划线
  3. 后盾网lavarel视频项目---4、lavarel和vue都是{{}}表示变量,如何解决冲突
  4. HDU 3948 不同回文子串个数
  5. CountDownLacth详解
  6. oracle+semijoin,Semi join 与anti join
  7. JavaSE_坚持读源码_HashSet对象_Java1.7
  8. A616-HP-ProDesk 480 G2 MT电脑网络同传
  9. opencv4找不到opencv2/core/core.hpp: No such file or directory
  10. 程序员996工作制,逼出了一批牛妈!为牛妈点赞!
  11. 渥太华大学计算机硕士课程,渥太华大学留学生经验分享:攻克语言关最简单的方法就是少用中文...
  12. 基于UDP的网络聊天室
  13. JS在H5下实现本地历史搜索记录
  14. 【洛谷】P1428 小鱼比可爱
  15. 如何设计一个可扩展的优惠券功能
  16. 【Angular4】constructor ngOnInit
  17. 修复iPhone8白屏的3种方法,可保留设备数据
  18. Swift 3.0 语法
  19. 小米笔记本目前仅win10系列系统支持触摸板
  20. 【Qt象棋游戏】03_象棋棋子摆放

热门文章

  1. html 页面自动弹出,javaScript实现自动弹出页面
  2. S5P4418裸机之SDIO程序
  3. 关于百度ueditor图片上传到OSS问题解决
  4. (转)金蝶KIS迷你版、标准版在查询数量金额明细账时提示“发生未知错误,系统当前操作被取消,请与金蝶公司联系”...
  5. python数据采集2-HTML解析
  6. 剪刀石头布java流程图_青岛能源所基于“剪刀石头布”策略实现快速多轮基因编辑...
  7. 机器学习(二)--新加坡国立大学寒假学习项目总结
  8. 基于本地代理的边下边播技术分析
  9. endNote教程 -4-编辑参考文件格式
  10. 超级计算机浪漫展览,这是最独特的“中国式浪漫”