Question

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

html的页面我设置成宽800PX，打印到A4纸上不全，太宽了。

页面设置成多少像素适合A4的宽度呢？
打印地址是动态生成的，页面也是实时生成的，只能使用CSS控制布局吧。

Answer 1

1. 首先要说明一下：

2. px 是像素，相对于屏幕的分辨率，是相对值

3. mm 是即毫米，是绝对值，

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

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

6. 下面如何设置CSS：

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

8. 输入CSS样式名，确定

9. 

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

11. 

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

13. 

14. 
    

Answer 2

A4的纸张是210*297mm。您就把页面宽度设置为210mm。单位一定要选择“mm”。
不过给您个建议，如果您需要打印的话，建议您用弹出窗口，这样更容易控制打印的位置和大小。在Web中打印是比较难控制的，选择弹出窗口是比较合理的。

弹出窗口您可以使用js实现。具体代码如下。
function showModelDialog(page,width,height){
var re= window.showModalDialog(page,null,'dialogWidth:'+width+'mm;dialogHeight:'+height+'mm;edge:Raised;center:yes;help:no;resizable:no;status:no;scroll: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>

希望对您有用！

Answer 3

A4的纸张是210*297mm。您就把页面宽度设置为210mm。单位一定要选择“mm”。
不过给您个建议，如果您需要打印的话，建议您用弹出窗口，这样更容易控制打印的位置和大小。在Web中打印是比较难控制的，选择弹出窗口是比较合理的。

弹出窗口您可以使用js实现。具体代码如下。
function showModelDialog(page,width,height){
var re= window.showModalDialog(page,null,'dialogWidth:'+width+'mm;dialogHeight:'+height+'mm;edge:Raised;center:yes;help:no;resizable:no;status:no;scroll: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>

希望对您有用！