如何在我的html代码中以整洁的方式组织复选框?

如何在我的html代码中以整洁的方式组织复选框?,html,checkbox,Html,Checkbox,如何在我的html代码中以一种整洁的方式组织复选框?我希望10个复选框在2行中一个接一个地出现,是否有一种特定的方法来排列它们。这就是我正在处理的代码。HTML 5 完成科目: IPE 查阅 麻省理工学院 DCCN-I ELS-I ST-I 伊塔 未来作战系统 DBMS-I ELS-II 在我看来,您有两个选择。使用列表 ul { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count:

如何在我的html代码中以一种整洁的方式组织复选框?我希望10个复选框在2行中一个接一个地出现,是否有一种特定的方法来排列它们。这就是我正在处理的代码。HTML 5


完成科目:
IPE
查阅
麻省理工学院
DCCN-I
ELS-I

ST-I 伊塔 未来作战系统 DBMS-I ELS-II
在我看来,您有两个选择。使用列表

ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
使用表格,每个单元格一个复选框

<table>
    <tr>
        <td><input type="checkbox" value="IPE">IPE</td>
        <td><input type="checkbox" value="CF ">CF</td>
        <td><input type="checkbox" value="MIT">MIT</td>
        <td><input type="checkbox" value="DCCN-I">DCCN-I</td>
        <td><input type="checkbox" value="ELS-I">ELS-I</td>
    </tr><tr>
        <td><input type="checkbox" value="ST-I">ST-I</td>
        <td><input type="checkbox" value="ITA">ITA</td>
        <td><input type="checkbox" value="FCS">FCS</td>
        <td><input type="checkbox" value="DBMS-I">DBMS-I</td>
        <td><input type="checkbox" value="ELS-II">ELS-II</td>
    </tr>
</table>

IPE
查阅
麻省理工学院
DCCN-I
ELS-I
ST-I
伊塔
未来作战系统
DBMS-I
ELS-II
这是否可以接受:请
<table>
    <tr>
        <td><input type="checkbox" value="IPE">IPE</td>
        <td><input type="checkbox" value="CF ">CF</td>
        <td><input type="checkbox" value="MIT">MIT</td>
        <td><input type="checkbox" value="DCCN-I">DCCN-I</td>
        <td><input type="checkbox" value="ELS-I">ELS-I</td>
    </tr><tr>
        <td><input type="checkbox" value="ST-I">ST-I</td>
        <td><input type="checkbox" value="ITA">ITA</td>
        <td><input type="checkbox" value="FCS">FCS</td>
        <td><input type="checkbox" value="DBMS-I">DBMS-I</td>
        <td><input type="checkbox" value="ELS-II">ELS-II</td>
    </tr>
</table>