html5 css多列布局
p{
text-indent: 2em;
line-height: 2em;
}
h4{
-webkit-column-span:all;
background: green;
text-align: center;
}
section{
padding: 10px;
background: rgba(180,60,30,0.6);
/*column-width: 200px;*/
/* -webkit-column-width:200px;*/
/*-webkit-column-count:5;*/
-webkit-columns:100px 4;
-webkit-column-rule:5px solid green;
-webkit-column-gap: 50px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多列布局</title>
<link rel="stylesheet" type="text/css" href="style12.css">
</head>
<body>
<section>
<h4>标题</h4>
<p>根据专家报名情况和咨询反映的各类问题，经研究，就调整填报评标专业相关问题说明如下：
1、填报专业要围绕上传的职称内容，结合从事工作、所学专业等情况进行专业选择；所选专业必须保证自身能够胜任该专业的评标工作。
2、所选专业不再进行行业限制，其中填报“建筑与市政”行业时，仍按《报名中重要问题提示》中要求不变，但可另外增加其他行业的专业。
所报专业将自动分配给相应的审核部门。如该专业未通过，将不再有机会修改、补充。
3、系统将于9月8日零时对此前已提交资料人员的专业全部解锁，以便于按新要求进行调整，并请于9月30日之前完成。对没有修改的报名人员，无需再次提交。根据专家报名情况和咨询反映的各类问题，经研究，就调整填报评标专业相关问题说明如下：
1、填报专业要围绕上传的职称内容，结合从事工作、所学专业等情况进行专业选择；所选专业必须保证自身能够胜任该专业的评标工作。
2、所选专业不再进行行业限制，其中填报“建筑与市政”行业时，仍按《报名中重要问题提示》中要求不变，但可另外增加其他行业的专业。
所报专业将自动分配给相应的审核部门。如该专业未通过，将不再有机会修改、补充。
3、系统将于9月8日零时对此前已提交资料人员的专业全部解锁，以便于按新要求进行调整，并请于9月30日之前完成。对没有修改的报名人员，无需再次提交。</p>
<p>根据专家报名情况和咨询反映的各类问题，经研究，就调整填报评标专业相关问题说明如下：
1、填报专业要围绕上传的职称内容，结合从事工作、所学专业等情况进行专业选择；所选专业必须保证自身能够胜任该专业的评标工作。
2、所选专业不再进行行业限制，其中填报“建筑与市政”行业时，仍按《报名中重要问题提示》中要求不变，但可另外增加其他行业的专业。
所报专业将自动分配给相应的审核部门。如该专业未通过，将不再有机会修改、补充。
3、系统将于9月8日零时对此前已提交资料人员的专业全部解锁，以便于按新要求进行调整，并请于9月30日之前完成。对没有修改的报名人员，无需再次提交。根据专家报名情况和咨询反映的各类问题，经研究，就调整填报评标专业相关问题说明如下：
1、填报专业要围绕上传的职称内容，结合从事工作、所学专业等情况进行专业选择；所选专业必须保证自身能够胜任该专业的评标工作。
2、所选专业不再进行行业限制，其中填报“建筑与市政”行业时，仍按《报名中重要问题提示》中要求不变，但可另外增加其他行业的专业。
所报专业将自动分配给相应的审核部门。如该专业未通过，将不再有机会修改、补充。
3、系统将于9月8日零时对此前已提交资料人员的专业全部解锁，以便于按新要求进行调整，并请于9月30日之前完成。对没有修改的报名人员，无需再次提交。</p>
</section>
</body>
</html>
