A4纸表格打印
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>商品房预售许可审批表</title>
<style type="text/css">
body {
margin: auto;
width: 794px;
height: 1123px;
} .box {
/*border: dotted red;*/
margin: auto;
width: 745px;
height: 1123px;
} .top {
padding-top: 20px;
line-height: 10px;
text-align: center;
width: 100%;
height: 6%;
} .down {
width: 100%;
height: 90%;
} .printTable {
margin: auto;
} table {
border: 1px solid #000;
border-collapse: collapse;
} td {
text-align: center;
font-size: 14px;
border: solid 1px #000;
font-family: SimHei;
} .top h2 {
letter-spacing: 6px;
font-size: 30px;
font-family: SimHei;
font-weight: normal;
} .top div {
text-align: right;
} .h80 {
height: 80px;
} .h100 {
height: 100px;
} .h160 {
height: 160px;
} .h260 {
height: 260px;
} .wdh230 {
width: 230px;
} .wdh265 {
width: 265px;
} .wdh250 {
width: 250px;
} .wdh515 {
width: 515px;
} .f16 {
font-size: 16px;
} .f20 {
font-size: 20px;
} .letter-space-6 {
letter-spacing: 6px;
} .m15 {
margin: 15px;
} .item {
text-align: left;
margin: 15px 0px 15px 20px;
letter-spacing: 2px;
} .text-left {
text-align: left;
} .audview {
padding: 5px 0px 0px 5px;
} .sign-font {
height: 45px;
padding-top: 30px;
float: left;
font-size: 15px;
font-weight: 700;
} .remark {
float: right;
margin-top: 20px;
margin-right: 50px;
}
</style>
</head> <body>
<div class="box" style="position:relative;">
<img src="./demo_seal.png" style="position:absolute;left:500px;top:640px;">
<img src="./test_seal.png" style="position:absolute;left:500px;top:900px;">
<div class="box" style="position:absolute;">
<div class="top">
<h2>商品房预售许可审批表</h2>
</div>
<div class="down">
<table class="printTable">
<tr>
<td class="wdh230 h160">
<span class="f20 letter-space-6">提交材料</span>
</td>
<td class="wdh265 h160 f16">
<div class="item">1、营业执照</div>
<div class="item">2、资质证书</div>
<div class="item">3、土地使用权证</div>
<div class="item">4、建设工程规划许可证</div>
</td>
<td class="wdh250 h160 f16">
<div class="item">5、建设工程施工许可证</div>
<div class="item">6、工程施工合同</div>
<div class="item">7、商品房预售方案</div>
<div class="item">8、工程投资进度证明</div>
</td>
</tr>
<tr>
<td class="wdh230 h160 f16">
<div class="m15">现 场</div>
<div class="m15">调 查 及</div>
<div class="m15">受 理</div>
<div class="m15">意 见</div>
</td>
<td class="wdh515 h160" colspan="2">
<div class="wdh515 h160 text-left">
<div id="auditView1" class="h80 audview"></div>
<div style="height:75px;margin-left:140px;">
<div class="sign-font" style="width:80px;">受理人：</div>
<div style="float:left;width:160px;height:75px;">
<img id="operator1" src="">
</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="wdh230 h160 f16">
<div class="m15">初 审</div>
<div class="m15">意 见</div>
</td>
<td class="wdh515 h160" colspan="2">
<div class="wdh515 h160 text-left">
<div id="auditView2" class="h80 audview"></div>
<div style="height:75px;">
<div class="sign-font" style="width:80px;">初审人：</div>
<div style="float:left;width:155px;height:75px;">
<img id="operator2" src="">
</div>
<div class="sign-font" style="width:120px;">中心分管领导：</div>
<div style="float:left;width:155px;height:75px;">
<img id="operator3" src="">
</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="wdh230 h260 f16">
<div class="m15">局 市</div>
<div class="m15">场 监</div>
<div class="m15">管 处</div>
<div class="m15">审 核</div>
<div class="m15">意 见</div>
</td>
<td class="wdh515 h260" colspan="2">
<div class="wdh515 h160 text-left">
<div id="auditView4" class="h80 audview"></div>
<div class="h100">
<div class="remark">（盖章）</div>
</div>
<div style="height:75px;margin-left:140px;">
<div class="sign-font" style="width:80px;">审核人：</div>
<div style="float:left;width:160px;height:75px;">
<img id="operator4" src="">
</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="wdh230 h260 f16">
<div class="m15">局 领 导</div>
<div class="m15">审 批</div>
<div class="m15">意 见</div>
</td>
<td class="wdh515 h260" colspan="2">
<div class="wdh515 h160 text-left">
<div id="auditView5" class="h80 audview"></div>
<div class="h100">
<div class="remark">（盖章）</div>
</div>
<div style="height:75px;margin-left:140px;">
<div class="sign-font" style="width:80px;">审批人：</div>
<div style="float:left;width:160px;height:75px;">
<img id="operator5" src="">
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</body> </html>
A4纸表格打印的更多相关文章
- A4纸网页打印 html网页页面的宽度设置成多少
A4纸竖向打印,html网页页面的宽度设置成多少?这个问题是我们大家所疑惑的,于是网上搜集整理下,希望可以帮助你们 最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕 ...
- A4纸网页打印
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 网页打印A4纸-----表格在跨页时自动换页打印的实现 (转)
在最近所做的一个项目中,需要通过网页来打印不少的表单,但是又不想每个打印页签各占用一个页面,这样就需要生存很多不同的冗余页面,为了减少冗余,所有的表单通过jquery的页签tab来实现的. 一 :基本 ...
- A4纸网页打印——宽高设置
一.在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi . A4纸张的尺寸是2 ...
- A4纸网页打印中对应像素的设定和换算
最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot PerInch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...
- A4纸尺寸 web打印报告
A4纸对应的像素尺寸: <style> @media print { .Noprn{ display:none;} .print-hidden { display: none !impor ...
- width,height为多少px时，A4纸打印时刚好一页?
计算方式一般的分辨率为XX像素/英寸,其中一英寸为25.4毫米.所以一毫米的像素数就为XX/25.4.现在的工作就是求XX的值了,把XX的值求出来以后,直接用XX/25.4 * 210就得到A4纸的像 ...
- WPF 打印界面(控件)到A4纸
这次遇到一个需求,就是将整个界面打印在A4纸上. 需求清楚后,Bing一下关于打印,就找到一个类PrintDialog ,其中两个方法可能会用到: 特别是public void PrintVisual ...
- 打印单据，A4纸，每个单据占一个A4纸，两个单据之间不挨着
打印单据,A4纸,每个单据占一个A4纸,两个单据之间不挨着 <style type="text/css" media="print">.Noprin ...
随机推荐
- python实现进程的三种方式及其区别
在python中有三种方式用于实现进程 多进程中, 每个进程中所有数据( 包括全局变量) 都各有拥有⼀份, 互不影响 1.fork()方法 ret = os.fork() if ret == 0: # ...
- leetcode1302 Deepest Leaves Sum
""" Given a binary tree, return the sum of values of its deepest leaves. Example 1: I ...
- 格雷码（Grey Code）生成规则
(1) Grey码在FPGA实际应用中是实用的码,在8421BCD码累加计数器中,如果寄存器需要发生多位(两位或者以上)的跳变,会出现中间态,这样作为组合逻辑的输入是不稳妥的. 下面看两个中间态的例子 ...
- ACM-小偷的背包
题目描述:小偷的背包 设有一个背包可以放入的物品重量为S,现有n件物品,重量分别是w1,w2,w3,...,wn.问能否从这n件物品中选择若干件放入背包中,使得放入的重量之和正好为S.如果有满足条 ...
- Web基础之Spring AOP与事务
Spring之AOP AOP 全程Aspect Oriented Programming,直译就是面向切面编程.和POP.OOP相似,它也是一种编程思想.OOP强调的是封装.继承.多态,也就是功能的模 ...
- LINUX——磁盘管理
硬盘种类 SATA硬盘:用SATA接口的硬盘又叫串口硬盘,是以后PC机的主流发展方向,因为其有较强的纠错能力,错误一经发现能自动纠正,这样就大大的提高了数据传输的安全性.新的SATA 使用了差动信号系 ...
- Python的一些常用知识
1.How to force urllib2 not to use a proxy Here is an example to remove proxy settings for all reques ...
- /和//的区别(python)
/ 除 得到的是浮点数,结果是大数的时候会使用科学计数法 但是 / 会在遇到大数时候运算不准确 因为将两个int相除会产生一个浮点数,并且除法的确切结果不能精确地表示为float. 精确结果必须四舍 ...
- java中JDBC当中请给出一个DataSource的HelloWorld例子
在前面 的jdbc的Helloworld程序当中,我们用DriverManager来获取数据库连接.事实上通过这种方法获取数据库连接,是比较耗费计算机资 源的.当然了,这也是没有办法的事儿.就像我们买 ...
- 吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons)：glyphicon glyphicon-facetime-video
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...