A4纸表格打印

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>商品房预售许可审批表</title>
	<style type="text/css">
		body {
			margin: auto;
			 794px;
			height: 1123px;
		}

		.box {
			/*border: dotted red;*/
			margin: auto;
			 745px;
			height: 1123px;
		}

		.top {
			padding-top: 20px;
			line-height: 10px;
			text-align: center;
			 100%;
			height: 6%;
		}

		.down {
			 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 {
			 230px;
		}

		.wdh265 {
			 265px;
		}

		.wdh250 {
			 250px;
		}

		.wdh515 {
			 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="80px;">受理人:</div>
								<div style="float:left;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="80px;">初审人:</div>
								<div style="float:left;155px;height:75px;">
									<img id="operator2" src="">
								</div>
								<div class="sign-font" style="120px;">中心分管领导:</div>
								<div style="float:left;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="80px;">审核人:</div>
								<div style="float:left;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="80px;">审批人:</div>
								<div style="float:left;160px;height:75px;">
									<img id="operator5" src="">
								</div>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>
</body>

</html>

原文地址:https://www.cnblogs.com/archermeng/p/8587518.html