今天主要学习一下打印的格式和制作准考证页面的布局
<html>
<head>
<style type="text/css">
*{
padding:0px;
margin:0px;
}
#toutou{
text-align:center;
}
#biankuang{
border: 2px solid black;
}
.titi{
padding:10px 20px 30px 40px;
}
hr{
margin: 0 1% auto;
}
#a ol{
list-style-type:none;
}
#a{
height: 320px;
}
#a ol{
margin: 0 20px;
margin-top: 40px;
}
#a ol li{
margin: 10px;
}
#photogg{
float:right;
margin: 0 70px;
margin-top: 60px;
}
#xiaobiaoti{
text-align:center;
margin-top: 20px;
margin-bottom:20px;
}
#kaoshengxuzhi{
text-align:center;
margin-top: 20px;
margin-bottom:20px;
}
.gouzi{
line-height:2em;
}
#gouzi{
line-height:7em;
}
@media print {#dybutton{ display:none;}}
</style>
</head>
<body>
<button type="button" οnclick="window.print()" id="dybutton">打印</button>
<div style="width:210mm;height:297mm;"id="biankuang">
<div id="toutou">
<h4 class="titi">2017年沈阳北软信息职业技术学院招生统一考试</h4>
<h1 class="titi">准　考　证</h1>
</div>
<hr/>
<div id="a">
<ol style="float:left;" >
<li>考生姓名：</li>
<li>准考证号：</li>
<li>身份证号：</li>
<li>考生类别：</li>
<li>考试科目：</li>
<li>考生学校：</li>
<li>考试地点：</li>
<li>报考专业：</li>
</ol>
<ol style="float:left;">
<li>王志明</li>
<li>xxxxxxxxxxxx</li>
<li>xxxxxxxxxxxx</li>
<li>xxx</li>
<li>xcxcxcx</li>
<li>vvvvvvvvv</li>
<li>vvxcxcxcxcxc</li>
<li>English</li>
</ol>
<div style="width:150px;height:200px;"id="photogg"><img style="width:150px;height:200px;"src="img/1.png"></div>
</div>
<hr/>
<div>
<h4 id="xiaobiaoti">考试科目及时间</h4>
<table border="1" cellpadding="1" cellspacing="0"width="100%" style="text-align:center"height="150px">
<tr>
<td>考试科目</td>
<td>考试日期</td>
<td>考试时间</td>
<td>考场号</td>
<td>座位号</td>
<td>教室号</td>
</tr>
<tr>
<td>文化课</td>
<td>03月26号</td>
<td>9:00-11:00</td>
<td>10</td>
<td>12</td>
<td>教室号1308</td>
</tr>
<tr>
<td>专业素质</td>
<td>03月26号</td>
<td>9:00-11:00</td>
<td>31</td>
<td>001</td>
<td>教室号1308</td>
</tr>
</table>
</div>
<div>
<h2 id="kaoshengxuzhi">考生须知</h2>
<P class="gouzi">1、考生应考时，上午下午均应携带蓝黑色或黑色水笔。禁止将书籍、笔记、移动电话、电子记事本等电子设备带至考场，一经发现，按违纪处理</p>
<p class="gouzi">2、考试前30分钟进入考场监考人员核对准考证（包括电子准考证）、身份证后，学生对号入座将身份证放在桌上角备查（不携带身份证不允许参加考试）。</p>
<p class="gouzi">3、考试开始15分钟后，迟到考生不得进入考场参加考试。考生不得提前交卷。</p>
<p class="gouzi">4、禁止将试卷、答题卡（纸）带出考场。</p>
<p id="gouzi">提示：请考生在考试前一天熟悉考点地址和交通路线。</p>
</div>
<div style="margin-top:30px;">
沈阳市沈北新区沈北路53号 咨询电话：（024）88928718/19/20 打印日期：2017年12月19日
</div>
</div>
</body>
</script>
</html>
184
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
