1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. 	<meta charset="UTF-8">
  6. 	<title>商品房预售许可审批表</title>
  7. 	<style type="text/css">
  8. 		body {
  9. 			margin: auto;
  10. 			width: 794px;
  11. 			height: 1123px;
  12. 		}
  13.  
  14. 		.box {
  15. 			/*border: dotted red;*/
  16. 			margin: auto;
  17. 			width: 745px;
  18. 			height: 1123px;
  19. 		}
  20.  
  21. 		.top {
  22. 			padding-top: 20px;
  23. 			line-height: 10px;
  24. 			text-align: center;
  25. 			width: 100%;
  26. 			height: 6%;
  27. 		}
  28.  
  29. 		.down {
  30. 			width: 100%;
  31. 			height: 90%;
  32. 		}
  33.  
  34. 		.printTable {
  35. 			margin: auto;
  36. 		}
  37.  
  38. 		table {
  39. 			border: 1px solid #000;
  40. 			border-collapse: collapse;
  41. 		}
  42.  
  43. 		td {
  44. 			text-align: center;
  45. 			font-size: 14px;
  46. 			border: solid 1px #000;
  47. 			font-family: SimHei;
  48. 		}
  49.  
  50. 		.top h2 {
  51. 			letter-spacing: 6px;
  52. 			font-size: 30px;
  53. 			font-family: SimHei;
  54. 			font-weight: normal;
  55. 		}
  56.  
  57. 		.top div {
  58. 			text-align: right;
  59. 		}
  60.  
  61. 		.h80 {
  62. 			height: 80px;
  63. 		}
  64.  
  65. 		.h100 {
  66. 			height: 100px;
  67. 		}
  68.  
  69. 		.h160 {
  70. 			height: 160px;
  71. 		}
  72.  
  73. 		.h260 {
  74. 			height: 260px;
  75. 		}
  76.  
  77. 		.wdh230 {
  78. 			width: 230px;
  79. 		}
  80.  
  81. 		.wdh265 {
  82. 			width: 265px;
  83. 		}
  84.  
  85. 		.wdh250 {
  86. 			width: 250px;
  87. 		}
  88.  
  89. 		.wdh515 {
  90. 			width: 515px;
  91. 		}
  92.  
  93. 		.f16 {
  94. 			font-size: 16px;
  95. 		}
  96.  
  97. 		.f20 {
  98. 			font-size: 20px;
  99. 		}
  100.  
  101. 		.letter-space-6 {
  102. 			letter-spacing: 6px;
  103. 		}
  104.  
  105. 		.m15 {
  106. 			margin: 15px;
  107. 		}
  108.  
  109. 		.item {
  110. 			text-align: left;
  111. 			margin: 15px 0px 15px 20px;
  112. 			letter-spacing: 2px;
  113. 		}
  114.  
  115. 		.text-left {
  116. 			text-align: left;
  117. 		}
  118.  
  119. 		.audview {
  120. 			padding: 5px 0px 0px 5px;
  121. 		}
  122.  
  123. 		.sign-font {
  124. 			height: 45px;
  125. 			padding-top: 30px;
  126. 			float: left;
  127. 			font-size: 15px;
  128. 			font-weight: 700;
  129. 		}
  130.  
  131. 		.remark {
  132. 			float: right;
  133. 			margin-top: 20px;
  134. 			margin-right: 50px;
  135. 		}
  136. 	</style>
  137. </head>
  138.  
  139. <body>
  140. <div class="box" style="position:relative;">
  141. 	<img src="./demo_seal.png" style="position:absolute;left:500px;top:640px;">
  142. 	<img src="./test_seal.png" style="position:absolute;left:500px;top:900px;">
  143. 	<div class="box" style="position:absolute;">
  144. 		<div class="top">
  145. 			<h2>商品房预售许可审批表</h2>
  146. 		</div>
  147. 		<div class="down">
  148. 			<table class="printTable">
  149. 				<tr>
  150. 					<td class="wdh230 h160">
  151. 						<span class="f20 letter-space-6">提交材料</span>
  152. 					</td>
  153. 					<td class="wdh265 h160 f16">
  154. 						<div class="item">1、营业执照</div>
  155. 						<div class="item">2、资质证书</div>
  156. 						<div class="item">3、土地使用权证</div>
  157. 						<div class="item">4、建设工程规划许可证</div>
  158. 					</td>
  159. 					<td class="wdh250 h160 f16">
  160. 						<div class="item">5、建设工程施工许可证</div>
  161. 						<div class="item">6、工程施工合同</div>
  162. 						<div class="item">7、商品房预售方案</div>
  163. 						<div class="item">8、工程投资进度证明</div>
  164. 					</td>
  165. 				</tr>
  166. 				<tr>
  167. 					<td class="wdh230 h160 f16">
  168. 						<div class="m15">现    场</div>
  169. 						<div class="m15">调 查 及</div>
  170. 						<div class="m15">受    理</div>
  171. 						<div class="m15">意    见</div>
  172. 					</td>
  173. 					<td class="wdh515 h160" colspan="2">
  174. 						<div class="wdh515 h160 text-left">
  175. 							<div id="auditView1" class="h80 audview"></div>
  176. 							<div style="height:75px;margin-left:140px;">
  177. 								<div class="sign-font" style="width:80px;">受理人：</div>
  178. 								<div style="float:left;width:160px;height:75px;">
  179. 									<img id="operator1" src="">
  180. 								</div>
  181. 							</div>
  182. 						</div>
  183. 					</td>
  184. 				</tr>
  185. 				<tr>
  186. 					<td class="wdh230 h160 f16">
  187. 						<div class="m15">初    审</div>
  188. 						<div class="m15">意    见</div>
  189. 					</td>
  190. 					<td class="wdh515 h160" colspan="2">
  191. 						<div class="wdh515 h160 text-left">
  192. 							<div id="auditView2" class="h80 audview"></div>
  193. 							<div style="height:75px;">
  194. 								<div class="sign-font" style="width:80px;">初审人：</div>
  195. 								<div style="float:left;width:155px;height:75px;">
  196. 									<img id="operator2" src="">
  197. 								</div>
  198. 								<div class="sign-font" style="width:120px;">中心分管领导：</div>
  199. 								<div style="float:left;width:155px;height:75px;">
  200. 									<img id="operator3" src="">
  201. 								</div>
  202. 							</div>
  203. 						</div>
  204. 					</td>
  205. 				</tr>
  206. 				<tr>
  207. 					<td class="wdh230 h260 f16">
  208. 						<div class="m15">局    市</div>
  209. 						<div class="m15">场    监</div>
  210. 						<div class="m15">管    处</div>
  211. 						<div class="m15">审    核</div>
  212. 						<div class="m15">意    见</div>
  213. 					</td>
  214. 					<td class="wdh515 h260" colspan="2">
  215. 						<div class="wdh515 h160 text-left">
  216. 							<div id="auditView4" class="h80 audview"></div>
  217. 							<div class="h100">
  218. 								<div class="remark">（盖章）</div>
  219. 							</div>
  220. 							<div style="height:75px;margin-left:140px;">
  221. 								<div class="sign-font" style="width:80px;">审核人：</div>
  222. 								<div style="float:left;width:160px;height:75px;">
  223. 									<img id="operator4" src="">
  224. 								</div>
  225. 							</div>
  226. 						</div>
  227. 					</td>
  228. 				</tr>
  229. 				<tr>
  230. 					<td class="wdh230 h260 f16">
  231. 						<div class="m15">局 领 导</div>
  232. 						<div class="m15">审    批</div>
  233. 						<div class="m15">意    见</div>
  234. 					</td>
  235. 					<td class="wdh515 h260" colspan="2">
  236. 						<div class="wdh515 h160 text-left">
  237. 							<div id="auditView5" class="h80 audview"></div>
  238. 							<div class="h100">
  239. 								<div class="remark">（盖章）</div>
  240. 							</div>
  241. 							<div style="height:75px;margin-left:140px;">
  242. 								<div class="sign-font" style="width:80px;">审批人：</div>
  243. 								<div style="float:left;width:160px;height:75px;">
  244. 									<img id="operator5" src="">
  245. 								</div>
  246. 							</div>
  247. 						</div>
  248. 					</td>
  249. 				</tr>
  250. 			</table>
  251. 		</div>
  252. 	</div>
  253. </div>
  254. </body>
  255.  
  256. </html>

A4纸表格打印的更多相关文章

  1. A4纸网页打印 html网页页面的宽度设置成多少

    A4纸竖向打印,html网页页面的宽度设置成多少?这个问题是我们大家所疑惑的,于是网上搜集整理下,希望可以帮助你们 最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕 ...

  2. A4纸网页打印

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 网页打印A4纸-----表格在跨页时自动换页打印的实现 (转)

    在最近所做的一个项目中,需要通过网页来打印不少的表单,但是又不想每个打印页签各占用一个页面,这样就需要生存很多不同的冗余页面,为了减少冗余,所有的表单通过jquery的页签tab来实现的. 一 :基本 ...

  4. A4纸网页打印——宽高设置

    一.在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi . A4纸张的尺寸是2 ...

  5. A4纸网页打印中对应像素的设定和换算

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot PerInch)指标.  经过我仔细的测试,发现了网页打印中,默认采用 ...

  6. A4纸尺寸 web打印报告

    A4纸对应的像素尺寸: <style> @media print { .Noprn{ display:none;} .print-hidden { display: none !impor ...

  7. width,height为多少px时，A4纸打印时刚好一页?

    计算方式一般的分辨率为XX像素/英寸,其中一英寸为25.4毫米.所以一毫米的像素数就为XX/25.4.现在的工作就是求XX的值了,把XX的值求出来以后,直接用XX/25.4 * 210就得到A4纸的像 ...

  8. WPF 打印界面(控件)到A4纸

    这次遇到一个需求,就是将整个界面打印在A4纸上. 需求清楚后,Bing一下关于打印,就找到一个类PrintDialog ,其中两个方法可能会用到: 特别是public void PrintVisual ...

  9. 打印单据，A4纸，每个单据占一个A4纸，两个单据之间不挨着

    打印单据,A4纸,每个单据占一个A4纸,两个单据之间不挨着 <style type="text/css" media="print">.Noprin ...

随机推荐

  1. 刷题53. Maximum Subarray

    一.题目说明 题目是53. Maximum Subarray,求最长连续子序列最大和.难度是Easy! 二.我的解答 Easy的题目,居然没做出来. 后来看了用dp方法,其中dp[i]表示以第i个元素 ...

  2. java字符，字符串，数字之间的转换

    string 和int之间的转换 string转换成int  :Integer.valueOf("12") int转换成string : String.valueOf(12) ch ...

  3. JS: 图片轮播模板——左右移动，点击编码移动，自动轮播

    <!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title> ...

  4. 解析underscore中的throttle

    什么是throttle(节流) Throttling enforces a maximum number of times a function can be called over time. 简单 ...

  5. 《ES6标准入门》(阮一峰)--8.函数的扩展

    1.函数参数的默认值 基本用法 ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log ...

  6. POJ3616：Milking Time

    Milking Time Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 5682   Accepted: 2372 Desc ...

  7. Windows平台整合SpringBoot+KAFKA__第3部分_代码部分（结束）

    重要的地方说下,算是给自己提醒,也给阅读者凑合着看看吧: (1)序列化.反序列化: 注意看这个文章 https://www.jianshu.com/p/5da86afed228 很多网上的例子都是 推 ...

  8. HDU_4939 stupid tower defense 2014多校7 多变量型DP

    意思是有个塔防游戏,有三种塔,红塔在怪物经过的时候每秒会产生攻击力大小的伤害,绿塔对怪物经过以及经过之后每秒产生攻击力大小的伤害,还有种蓝塔,对怪物进行减速,即怪物从此之后经过一个单位都会减慢c秒 最 ...

  9. OleDbCommand 的用法

    OleDbCommand 的用法 OleDbConnection con=new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0; dat ...

  10. Pip,pywin32,whl文件下载网址，mayavi安装包,PyQt5安装，PyMuPDF安装等注意事项

    (1)pip安装的包不一定是用户想要的位置,此时可以用 -t 选项来指定位置. 例如目标位置是/usr/local/lib/python2.7/site-packages/ ,要安装xlrd 这个包 ...