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 ...
随机推荐
- js的执行和调试
JavaScript 是指在浏览器运行的脚本 脚本就是剧本,在指定场景,特定时间,规定角色的对白,动作,情绪的变化 并且js是同步的,单线程的执行脚本 同步异步 js的运行是同步的, 运行完第一行才会 ...
- java开发之分页查询
工具类 package com.luer.comm.utils; import java.util.List; public class PageBean<T> { //已知数据 priv ...
- 虚拟机下安装Maven
1.首先需要下载maven安装包(我下载的是apache-maven-3.5.3版本) 官网下载:http://maven.apache.org/download.cgi 2.将压缩包放到虚拟机下(我 ...
- HDU - 6130 Kolakoski （打表）
题意:由1,2,2,1,1,2,1,2,2,1,2,2,1,1,2,1,1,2,2,1,……合并可得1,22,11,2,1,22,1,22,11,2,11,22,1,再由每个数的位数可得新序列,推出新 ...
- (转)Navicat Premium 连接Oracle 数据库（图文教程）
Navicat premium是一款数据库管理工具,是一个可多重连线资料库的管理工具,它可以让你以单一程式同时连线到MySQL.SQLite.Oracle及PostgreSQL 资料库,让管理不同类型 ...
- Ajax学习系列——jQuery中Ajax的请求方式
在jQuery中,Ajax常见的请求方式主要有4种. 1.$.ajax()返回其创建的XMLHttpRequest对象. $.ajax({ type:"POST", content ...
- 一百零七、SAP的OO-ALV之一，新建程序
一.来带SE38模块,新建一个Z_TIANPAN_20190807_OOALV的本地程序 二.设置一个标题,点击对勾 三.选择保存为本地对象 我们下一篇来写创建屏幕
- Java对象序列化输入输出
在网上看到一篇有关于对象序列化的代码,自己仿着写了把 在Java中,entity通过implements Serializable,然后使用ObjectInputStream和ObjectOutput ...
- React 学习笔记（3） B站视频总结1
视频地址 项目基础 react-cli // 项目结构 src │ App.js # 应用根组件 │ index.js # 入口js ├─api ├─assets ├─components ├─con ...
- Hbase PleaseHoldException错误
PleaseHoldException ① 原因:(由于正在操作Hbase时,电脑突然关机,未正常关闭hbase,故导致shell无法正常显示)如下图: ②解决过程: 先在网上百度到了使用https: ...