html页面,A4纸竖向打印,网页页面的宽度应该设置成多少?

html页面,A4纸竖向打印,网页页面的宽度应该设置成多少?,第1张

首先要说明一下:

px 是像素,相对于屏幕的分辨率,是相对值

mm 是即毫米,是绝对值,

因为,不同屏幕有不同的像素密度比,所以两者是不可转换的。

A4纸的尺寸是210*297mm。竖向打印,你需要把html页面的内容设置成210mm的宽度

下面如何设置CSS:

选中要打印的的DIV,点击右侧的CSS属性面板“+”号,新建样式

输入CSS样式名,确定

在CSS样式分类处选择“方框”,在右侧的“width”后填入“210”,后面的单位一定要选择“mm”。确定。

我们查看代码视图里的原代码多了“width:210mm”这里再打印,就可以正常显示了。

A4的纸张是210*297mm。您就把页面宽度设置为210mm。单位一定要选择“mm”。

不过给您个建议,如果您需要打印的话,建议您用d出窗口,这样更容易控制打印的位置和大小。在Web中打印是比较难控制的,选择d出窗口是比较合理的。

d出窗口您可以使用js实现。具体代码如下。

function showModelDialog(page,width,height){

var re= window.showModalDialog(page,null,'dialogWidth:'+width+'mmdialogHeight:'+height+'mmedge:Raisedcenter:yeshelp:noresizable:nostatus:noscroll:no')

if(re==1){

window.location.reload()

}

}

以上是一个js函数。您把它复制到您的js脚本内,然后在页面调用即可。

在页面内引用js库使用<script type="text/jscript" src="../JS/您的js保存文件名称.js"></script>

在调用时您需要指定需要打开的窗口,和要打开的宽度和高度。

页面调用js实例。

<a href="#" onclick ="javascript:showModelDialog('您的打印页面地址.aspx',210,297)">打印</a>

如果您要打印的页面地址是动态生成的您可以使用Request.QueryString("id")来获取上页面传来的值。

例如:

<a href="#" onclick ="javascript:showModelDialog(<%=Request.QueryString("id") %>,210,297)">打印</a>

希望对您有用!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6135784.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存