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 ...
随机推荐
- 使用 mtd-utils 烧写Arm Linux 系统各个部分
有关博客:<Arm-Linux 移植 mtd-utils 1.x>.<mtd-utils 的 使用> 背景: 作为一项技术储备,可用于增强系统可维护性. 要求: 要求主板以mt ...
- mybatis-plus 乐观锁
参见:https://mp.baomidou.com/guide/optimistic-locker-plugin.html#%E4%B8%BB%E8%A6%81%E9%80%82%E7%94%A8% ...
- Centos7搭建SVN服务
1.安装 subversion [root@CentOS var]# yum -y install subversion 2.创建 svn 版本库,初始化相关配置文件 [root@CentOS v ...
- 指令——touch
一个完整的指令的标准格式: Linux通用的格式——#指令主体(空格) [选项](空格) [操作对象] 一个指令可以包含多个选项,操作对象也可以是多个. 指令:touch 作用:创建文件 语法: ...
- 051-PHP求余运算
<?php $x=10%5; //进行求余运算 $y=10%3; //进行求余运算 $z=10%6; //进行求余运算 echo $x; //输出变量x的值 echo $y; //输出变量y的值 ...
- 037-PHP如何返回闭包函数实例
<?php /*: 如何返回闭包函数实例*/ # 直接调用将不会输出$txt的内容 function demo() { $txt = '我爱PHP'; $func = function () u ...
- 《新标准C++程序设计》3.9-3.10（C++学习笔记11）
一.C++程序到C程序的翻译 程序示例分析: C++: class CCar { public: int price; void SetPrice (int p); }; void CCar::Set ...
- VIJOS-P1282 佳佳的魔法照片 排序
Description 一共有n(n≤20000)个人(以1--n编号)向佳佳要照片,而佳佳只能把照片给其中的k个人.佳佳按照与他们的关系好坏的程度给每个人赋予了一个初始权值W[i].然后将初始权值从 ...
- 读书笔记 - js高级程序设计 - 第十二章 DOM2和DOM3
Node类型的变化 访问元素的样式 myDiv.style.backgroundColor = "red" myDiv.style.width = "100px& ...
- Java算法练习——整数转罗马数字
题目链接 题目描述 罗马数字包含以下七种字符: I, V, X, L,C,D 和 M. 字符 数值 I 1 V 5 X 10 L 50 C 100 D 500 M 1000 例如, 罗马数字 2 写做 ...