dl dt dd一行两列并且每一组dl之间自动换行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<style>
#search{display:none}
#search .box{ position:absolute; width:75%; padding:10px 20px 20px 20px; background:#fff; z-index:999999;}
#search .subm{ float:right; cursor:pointer}
#search dl{display:block; width:101%;}
#search .secondary{list-style:none; width:50%;float:left}
#search dt{font-size:14px;color:red;}
</style>
<div class="box">
<dl class="actor">
<dt>第一大类</dt>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 一小类1</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类2"> 一小类2</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类3"> 一小类3</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类4"> 一小类4</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类5"> 一小类5</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类6"> 一小类6</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类7"> 一小类7</label></dd>
</dl>
<dl class="classification">
<dt>第二大类</dt>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 二小类1</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类2"> 二小类2</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类3"> 二小类3</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类4"> 二小类4</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类5"> 二小类5</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类6"> 二小类6</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类7"> 二小类7</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类8"> 二小类8</label></dd>
</dl>
<dl class="series">
<dt>第三大类</dt>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 三小类1</label></dd>
</dl>
<dl class="producers">
<dt>第四大类</dt>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 四小类1</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 四小类2</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 四小类3</label></dd>
</dl>
<dl class="publisher">
<dt>第五大类</dt>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 五小类1</label></dd>
<dd class="secondary"><label><input type="checkbox" value="小类1"> 五小类2</label></dd>
</dl>
</div>
</body>
</html>怎么排成如图所示的样式呢?

相关推荐
完全复现虚拟同步发电机VSG自适应惯量阻尼控制仿真、根轨迹、调节系数对比(Simulink仿真、Matlab代码实现)
内容概要:本文详细介绍了名为《【完全复现】虚拟同步发电机VSG自适应惯量阻尼控制仿真、根轨迹、调节系数对比(Simulink仿真、Matlab代码实现)》的技术资源,重点围绕虚拟同步发电机(VSG)的自适应惯量与阻尼控制展开,涵盖系统建模、控制策略设计、根轨迹分析及调节系数对比等内容,通过Simulink仿真与Matlab代码实现,帮助读者深入理解VSG在电力系统中的动态响应特性与控制优化方法;文档还列举了大量相关科研资源,涉及电力系统、智能优化、信号处理、路径规划等多个领域,展示了丰富的仿真案例与算法应用。; 适合人群:具备电力系统、自动控制或相关专业背景,熟悉Matlab/Simulink仿真环境,有一定科研基础的研究生、科研人员及工程技术人员。; 使用场景及目标:①用于学习和复现虚拟同步发电机的自适应控制策略,掌握其在微电网和新能源并网中的应用;②通过根轨迹与参数调节分析,优化控制系统动态性能;③结合提供的代码与模型,开展电力系统稳定性研究、课程设计或科研项目开发。; 阅读建议:建议读者结合文中提到的完整资源目录和网盘资料,下载配套的Matlab代码与Simulink模型进行实践操作,边仿真边理解理论原理,重点关注控制参数对系统稳定性的影响,并可拓展应用于其他电力电子变流器或构网型控制研究。
政府如何精准评估园区创新能力并制定有效产业政策?.docx
科易网基于40亿+科创知识图谱数据库,深度探索AI技术在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,研究科技创新领域的AI+数智化解决方案,推动科技创新与产业创新智能化发展。
央企如何借助数据分析提升创新管理体系效能?.docx
央企如何借助数据分析提升创新管理体系效能?
政府园区如何通过数据分析提升区域科技决策效率?.docx
政府园区如何通过数据分析提升区域科技决策效率?
园区如何通过数据分析提升企业创新能力评估的精准度?.docx
园区如何通过数据分析提升企业创新能力评估的精准度?


