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 ...
随机推荐
- Redis详解（五）——主从复制
Redis详解(五)--主从复制 面临问题 机器故障.我们部署到一台 Redis 服务器,当发生机器故障时,需要迁移到另外一台服务器并且要保证数据是同步的.而数据是最重要的,如果你不在乎,基本上也就不 ...
- 018.CI4框架CodeIgniter数据库操作之：Delete删除一条数据
01. 在Model中写数据库操作语句,代码如下: <?php namespace App\Models\System; use CodeIgniter\Model; class User_mo ...
- CGridCtrl只点击规定行中的按钮才弹出对话框
在头文件中添加: afx_msg void OnClick(NMHDR* pNMHDR, LRESULT* pResult); 添加映射:ON_NOTIFY(NM_CLICK, IDC_CUSTOM1 ...
- c++输出哈夫曼编码
#include<iostream> #include<string> using namespace std; struct huffTree { int parent; i ...
- MongoDB 常用查询语法
一.查询 find方法 db.collection_name.find(); 查询所有的结果: select * from users; db.users.find(); 指定返回那些列(键): se ...
- 博客已经转到www.vsyf.me/blog
租了个服务器,重搭了个博客 阿发的博客
- JVM探秘：jstack查看Java线程状态
本系列笔记主要基于<深入理解Java虚拟机:JVM高级特性与最佳实践 第2版>,是这本书的读书笔记. jstack命令可以打印Java进程的各个线程堆栈跟踪信息,可以用来查看Java中各个 ...
- Swift 类的使用class
/* 类属性的介绍 Swift中类的属性有多种 1.存储属性:存储示例的常量和变量 2.计算属性:通过某种方式计算出来的属性 3.类属性:与整个类自身相关的属性 存储属性 存储属性是最简单的属性,它作 ...
- C++ for无限循环~
无限循环 如果条件永远不为假,则循环将变成无限循环.for 循环在传统意义上可用于实现无限循环.由于构成循环的三个表达式中任何一个都不是必需的,您可以将某些条件表达式留空来构成一个无限循环. #inc ...
- Essay引用如何最大限度的降低抄袭率
今天要说到让无数人恨得要死.为了降重改的哭天喊地的“Paraphrase”.毕竟引用不是打两个引号复制粘贴就能凑字数完事的,无论国内外,都有查重率这个大敌在等着你.想要引用别人的论点论据,就少不了需要 ...