html页面打印a4尺寸,html网页打印A4样式

html页面打印a4尺寸,html网页打印A4样式参考地址原始样式如下网页打印 A3 A4 文档大小 body text align center div margin 0auto overflow hidden font size 12px display block p margin 15px30px position relative overflow hidden padding 0 这是你要的打印内容打印页边距设定为 5mm 时 网

参考地址

原始样式如下

网页打印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简单的一个页面打印

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232493.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python 元类编程_Python进阶

    python 元类编程_Python进阶前言通常我们创建类都是使用class类名,但是小伙伴们有没有想过,类是由谁来创建的呢,python中常说的万物皆对象,对象是由类创建的,那类本身也可以看做是对象,类可以由元类type创建type

    2022年7月31日
    8
  • [linux] linux 复制文件夹/文件到指定位置 cp -r和cp -r -d[通俗易懂]

    1.cp-r移动子目录和根目录到指定文件夹将test文件夹移动到video内!cp-r./test./video操作后存在./video/test2.cp-r-d移动所有子目录到指定文件夹将所有子目录移动到指定位置如structuring内存在a,b,c,三个文件夹./structuring/a./structuring/b./structuring/c!cp-r-d./structuring/*./则操作后存在./a./b./c…

    2022年4月13日
    94
  • Windows server WSUS补丁服务器搭建

    写在前面关于微软Windows操作系统补丁更新,针对于客户生产环境补丁更新,为了安全起见不得不建议搭建相应的补丁服务器,利用自动或者手动更新指定服务器的最新补丁。借用闲暇时间做相应的总结,方便后期工作中参考。搭建条件首先安装相应的.NET环境,IIS环境, 存放补丁包,需要充裕的磁盘空间。搭建过程首先下载Wsus3.0的安装文件,这里给出简体中文版的下载地址,…

    2022年4月1日
    56
  • 更新日志.txt

    【20210811.1905.3】增加了几处新功能:1.单码登录功能2.账号与用户电脑机械码绑定<url>https://zhuanlan.zhihu.com/p/350520546</url>【20210811.1905.2】优化了几个子程序算法,提高运行速度【20210811.1905.1】1.更新了xxx内容2.修复了几处小bug….

    2022年4月7日
    45
  • 正确解决 Invalid module format[通俗易懂]

    正确解决 Invalid module format[通俗易懂]原言 http://blog.csdn.net/dreamtdp/article/details/8036419实现 功能:在PC的LINUX实现驱动测试,不用在2440上测试解决insmod:errorinserting’hello.ko’:-1Invalidmoduleformat第一次写Linux驱动,环境搭建了好久,第一次可能是由于GCC的版本问题,编译

    2022年8月28日
    3
  • java io 试题_Java IO流面试题

    java io 试题_Java IO流面试题字节流与字符流的不同是他们的处理方式,字节流是最基本的,采用ASCII编码。但是实际上很多数据是文本,所以提出字符流的概念,采用unicode编码两者之间通过inputStreamReader与outputStreamWriter来关联,实际上是通过byte[]与String来关联字节流输出:程序–>字节流–>文件字符流输出:程序–>字符流–>缓冲–>文件程序中所有…

    2022年4月25日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号