将html页面打印，打印出来的页面分隔难以控制，通过以下方法可以做到页面严格按预想的打印。
1、严格控制div的高度，将body、div的纵向padding、margin都设为0，border也设为0
2、打印时选无边距打印
<!DOCTYPE html PUBaC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>
</title>
<style>
body {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
.warpper {
height:370px;
padding:0px 20px;
border:0px;
}
.content {
height:320px;
}
.blank {
height:30px;
}
</style>
</head>
<body>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">1</div><div class="">bottom</div></div>
<div class="warpper"> <div class="blank">top</div><div class="content">2</div><div class="">bottom</div></div>
</body>
</html>
相关推荐
4. **PDF生成与预览**：ScriptX不仅支持直接打印HTML内容，还能够将网页内容转换为PDF文档，便于用户保存或共享。同时，它提供预览功能，让用户在实际打印前可以查看打印效果，避免浪费纸张。 5. **安全性与隐私...
- 通过HTML与JavaScript结合，实现在网页上预览或下载PDF文件。 - `viewPdf()`函数检查PDF路径是否有效，自动导航至PDF文件地址，若路径为空，则提示用户保存。 ### 二、打印过程中关键注意点 #### 1. 图片处理 -...
其主要目标是解决网页打印过程中遇到的各种问题，如格式不一致、页面丢失等，提供了一种跨平台、跨浏览器的统一打印服务。 首先，Lodop打印控件的核心优势在于其兼容性。无论是IE、Firefox、Chrome还是Safari，...
为了确保系统的稳定运行和安全性，必须对其进行严格的安全控制。常见的配置文件安全测试点包括： 1. **权限管理**：检查配置文件的访问权限，确保只有授权用户或进程可以读取或修改配置文件。 2. **加密存储**：...
在Excel等电子表格软件中，使用“打印预览”功能可以在打印之前查看文档的实际打印效果，这有助于调整页面布局和格式。 **正确答案：** A. 打印预览 ### 5. 提高软件开发效率的因素 **题目：** 开发软件时对提高...
本程序定位于学校或企业单位进行非严格要求的随机抽题考试，系统采用考试项目数据库独立方式，虽采用了ACCESS数据库，但能支持长期的考试要求，至少能支撑2000次以上5000人规模（非同时考试）的在线考试任务。...
- 在开发过程中严格遵循设计规范。 **12. 悬浮控件的透明度设置：** - **描述：** 悬浮控件（如浮动按钮）应设置适当的透明度。 - **实践建议：** - 透明度一般设置在30%至50%之间。 - 测试不同透明度下的视觉...