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 ...
随机推荐
- 爬虫(十六)：Scrapy框架(三) Spider Middleware、Item Pipeline
1. Spider Middleware Spider Middleware是介入到Scrapy的Spider处理机制的钩子框架. 当Downloader生成Response之后,Response会被 ...
- gem5-gpu 全系统FS模式 系统调用SE模式
SE模式中无线程调度器,只能运行单线程程序,如SPEC CPU 2006,仅模拟片上CPU.GPU.Network和DRAM等. FS模式需加载虚拟Linux和磁盘,Linux负责线程调度.实现了Pt ...
- Run K8s / 安装指南
Windows 下载 kubectl 官方文档下载对应操作系统的 Kubectl 下载 minikube 如图将下载的文件放在一起,如图: 配置环境变量,如图: 配置Hype-V或者安装Vir ...
- 【LOJ6498】「雅礼集训 2018 Day2」农民
题面 solution 直接暴力模拟,原数据可获得满分的成绩. 对于每个点,其父亲对其都有一个限制.故我们只需要判断当前点到根的路径上的限制是否都能满足即可. 考虑用树剖+线段树维护这个限制.考虑到翻 ...
- 使用conda创建虚拟环境
conda创建python虚拟环境 前言 conda常用的命令: conda list 查看安装了哪些包. conda env list 或 conda info -e 查看当前存在哪些虚拟环境 co ...
- pyhton读入Excel和csv数据文件
pyhton读入Excel和csv数据文件#file 数据文件的输入输出操作(主要包括Excel表格和csv表格文件)import pandas as pd #pyhton读入数据必须要导入panda ...
- JuJu团队11月29号工作汇报
JuJu团队11月29号工作汇报 JuJu Scrum 团队成员 今日工作 剩余任务 困难 于达 生成所有mini batch, 支持不同batch_size 优化代码 熟悉julia 婷婷 ...
- 用QEMU模拟运行uboot从SD卡启动Linux
平台:Qemu + vexpress-a9 u-boot:u-boot-2019.10 Linux:linux-4.14.13 之前介绍过用Qemu模拟运行uboot,然后从网络启动lin ...
- 记录：JAVA抽象类、接口、多态
JAVA抽象类.接口.多态 1. 多态 定义 多态是同一个行为具有多个不同表现形式或形态的能力.(多态就是同一个接口,使用不同的实例而执行不同操作) 如何实现多态 继承和接口 父类和接口类型的变量赋值 ...
- MongoDB 初始化数据同步
MongoDB初始化数据同步: 副本集中的成员启动之后,就会检查自身的状态,确定是否可以从某个成员那里进行同步.如果不行的话,尝试从其他成员那里进行完整的数据复制. 这个过程就是初始化同步(initi ...