Html 如何将一个表行转换为两列?
我有一个Html 如何将一个表行转换为两列?,html,css,html-table,css-tables,Html,Css,Html Table,Css Tables,我有一个,它在一行中显示项目。我希望项目显示为两列,一列显示前三个项目,另一列显示后两个项目。这可以通过直接的HTML完成,还是我需要CSS?代码建议``` <div id="mapControls" class="container"> <table> <tr> <td><input type="checkbox" id="births" checked="c
,它在一行中显示项目。我希望项目显示为两列,一列显示前三个项目,另一列显示后两个项目。这可以通过直接的HTML完成,还是我需要CSS?代码建议```
<div id="mapControls" class="container">
<table>
<tr>
<td><input type="checkbox" id="births" checked="checked" onclick="toggleMarkerGroup('births')">Births</td>
<td><input type="checkbox" id="marriages" checked="checked" onclick="toggleMarkerGroup('marriages')">Marriages</td>
<td><input type="checkbox" id="deaths" checked="checked" onclick="toggleMarkerGroup('deaths')">Deaths</td>
<td><input type="checkbox" id="burials" checked="checked" onclick="toggleMarkerGroup('burials')">Burials</td>
<td><input type="checkbox" id="migration" checked="checked" onclick="toggleMigration(migrations)"> Migrations</td>
</tr>
</table>
</div>
出生
婚姻
死亡
埋葬
迁移
第一种方法是在表中执行。您只需要使用3行并重新排列单元格。第二种方式可能是首选,使用flexbox
出生
埋葬
婚姻
迁移
死亡