yjanb11

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

margin padding 等失效,只能用div height width来占用位置实现

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<title>专业技术执照</title>

<style>
body {
font-size: 16px;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
/*font-family: pingfang sc light;*/
font-family: Microsoft YaHei;
background: #fff;
color: #333;
position: relative;
word-break: break-all;
word-wrap: break-word;
}
</style>
</head>
<body>
<div style="width:780px">
<#list listUser as us>
<div style="width:188px;height:318px;float:left;">
<div style="height:10px"></div>
<div style="width:10px;height:28px;float:left"></div>
<div style="width:155px;float:left;">
<img src="http://train.founderpcb.com:8877/static/duty/founder.png" height="28px" width="157px" style="margin-top:22px;margin-left:4px" />
</div>
<div style="width:147px">
<header class="ui-header ui-header-positive ui-border-b" style="height: 25px;line-height: 0px;text-align: center;width:157px">
<h1 style="padding-top:10px;font-size: 13.11px;"><b>专业技术执照</b></h1>
</header>
</div>
<div class="wrapper">
<div class="ui-form">
<form>
<div class="ui-form-item ui-border-b">
<label for="#" style="font-size: 14.05px;line-height:18px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;部门:${us.departmentName}</label>
</div>
<div class="ui-form-item ui-border-b">
<label for="#" style="font-size: 14.05px;line-height:18px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;工序:${us.processName}</label>
</div>
<div class="ui-form-item ui-border-b">
<label for="#" style="font-size: 14.05px;line-height:18px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;工号:${us.no}</label>
</div>
<div class="ui-form-item ui-border-b">
<label for="#" style="font-size: 14.05px;line-height:18px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名:${us.name}</label>
</div>
<div class="ui-form-item ui-border-b">
<label for="#" style="font-size: 14.05px;line-height:18px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本岗位执照:${us.jobsName}</label>
</div>
<div class="ui-form-item ui-border-b">
<label for="#" style="font-size: 14.05px;line-height:18px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发证日期:${us.examTime}</label>
</div>
<div class="ui-form-item ui-border-b">
<label for="#" style="font-size: 14.05px;line-height:18px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;复审日期:${us.examEndTime}</label>
</div>
<div style="height:10px">
</div>
<div style="text-align:center">
<span style="width:90px;float:left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><img src="${us.qrCodeUrl}" height="78px" style="margin-top:2px;float:left" />
</div>
</form>
</div>
</div>
</div>

<div style="width:3px;height:318px;float:left"></div>

<div style="width:188px;height:318px;float:left;">
<div style="height:10px"></div>
<div style="width:10px;height:28px;float:left"></div>
<div style="width:155px;float:left;">
<img src="http://train.founderpcb.com:8877/static/duty/founder.png" height="28px" width="157px" style="margin-top:22px;margin-left:4px" />
</div>
<div style="width:157px" style="">
<header class="ui-header ui-header-positive ui-border-b" style="height: 15px;line-height: 0px;text-align: center;">
<h1 style="padding-top:10px;font-size: 13.11px"><b>执照说明与管理办法</b></h1>
</header>
</div>
<div style="width:15px;float:left"></div>
<div class="wrapper" style="text-align:center;margin:0 auto;float:left;">
<div class="ui-form" style="width:160px;">
<form>
<div class="ui-form-item ui-border-b" style="margin-top:0px;border-bottom:none">
<label for="#" style="font-size: 7.5px;line-height:18px">1. 执照考试类别包括:新员工转正、本岗执照到期重考、员工技能拓展、技能拓展到期重考、转岗技能考试5类。</label>
</div>
<div class="ui-form-item ui-border-b" style="margin-top:5px;border-bottom:none">
<label for="#" style="font-size: 7.5px;line-height:18px">2. 关键岗位的执照有效期为一年,其余岗位为两年。</label>
</div>
<div class="ui-form-item ui-border-b" style="margin-top:5px;border-bottom:none">
<label for="#" style="font-size: 7.5px;line-height:18px">3. 本执照需与公司厂牌同时佩戴,未取得专业技术执照的员工,需要辅导员陪同方可进行上岗作业。</label>
</div>
<div class="ui-form-item ui-border-b" style="margin-top:5px;border-bottom:none">
<label for="#" style="font-size: 7.5px;line-height:18px">4. 凡遗失、损毁或篡改执照者,按照执照管理办法进行处理。</label>
</div>
<div class="ui-form-item ui-border-b" style="margin-top:5px;border-bottom:none">
<label for="#" style="font-size: 7.5px;line-height:18px">5. 离职时需将执照交回人力资源部。</label>
</div>
</form>
</div>
</div>
</div>
<#if us_index%2 = 0>
<div style="width:20px;height:318px;float:left"></div>
</#if>
<#if (us_index+1)%2 =0 || us_index =1>
<div style="width:100%;height:35px"></div>
</#if>
</#list>
</div>
</body>
</html>

posted on 2019-10-11 16:34  yjanb11  阅读(259)  评论(0编辑  收藏  举报