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

参考地址

原始样式如下

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