在Javascript中创建复选框的并行列表
我正在使用Javascript在HTML中使用appendchild向表单添加一组复选框。我可以通过添加textnodes在它们之间添加空格，但如何从它们中创建一个平行列表，比如左侧的一个复选框，右侧的另一个复选框。类似的东西在Javascript中创建复选框的并行列表,javascript,html,list,checkbox,Javascript,Html,List,Checkbox,我正在使用Javascript在HTML中使用appendchild向表单添加一组复选框。我可以通过添加textnodes在它们之间添加空格，但如何从它们中创建一个平行列表，比如左侧的一个复选框，右侧的另一个复选框。类似的东西 Checkbox1 Checkbox2 Checkboxes3 Check4 等等。只需创建一个表格，添加复选框，然后将边框设置为“无”。它将以正确的格式显示，并且看起来不像是在表中 有几种方法可以做到这一点，浮动div是最简单的方法 <d
Checkbox1 Checkbox2
Checkboxes3 Check4
等等。只需创建一个表格，添加复选框，然后将边框设置为“无”。它将以正确的格式显示，并且看起来不像是在表中 有几种方法可以做到这一点，浮动div是最简单的方法
<doctype html>
<html>
<header>
<title>Sample floated stuff</title>
<style>
.cb-div {
width: 33%;
display:block;
float: left;
}
</style>
</header>
<body>
<span class="cb-div">
<label>
<input name="test1" type="checkbox"> Test 1
</label>
</span>
<span class="cb-div">
<label>
<input name="test2" type="checkbox"> Test 2
</label>
</span>
<span class="cb-div">
<label>
<input name="test3" type="checkbox"> Test 3
</label>
</span>
<span class="cb-div">
<label>
<input name="test4" type="checkbox"> Test 4
</label>
</span>
<span class="cb-div">
<label>
<input name="test5" type="checkbox"> Test 5
</label>
</span>
<span class="cb-div">
<label>
<input name="test6" type="checkbox"> Test 6
</label>
</span>
<span class="cb-div">
<label>
<input name="test7" type="checkbox"> Test 7
</label>
</span>
<span class="cb-div">
<label>
<input name="test8" type="checkbox"> Test 8
</label>
</span>
<span class="cb-div">
<label>
<input name="test9" type="checkbox"> Test 9
</label>
</span>
<span class="cb-div">
<label>
<input name="test10" type="checkbox"> Test 10
</label>
</span>
<div style="clear:both">
And clear:both breaks you free of floating
</div>
</body>
</html>
漂浮物样品
.cb分区{
宽度：33%；
显示：块；
浮动：左；
}
测试1
测试2
测试3
测试4
测试5
测试6
测试7
测试8
测试9
测试10
而且很清楚：两者都会让你从漂浮中解脱出来
float。复选框容器{float:left；width:{something}px}