如何在此代码库中水平显示复选框

Question

我们在php中有一个autogen表单，下面的代码显示了我们抛出复选框的方式：

case FIELD_CHECK_BOX:
                $fieldHtml = printCheckbox($mode, $field->getId().'[]', $field->getOptions(), $field->getValue(), true, ' &nbsp', $isReq, array( "class"=>$isReq,$jsFunctionCalls));
            break;

问题是，如果您有五个复选框，例如，他们垂直打印，但我有一个客户端有大量的复选框，并希望他们水平打印。

我如何编码，以便将复选框彼此分开，直到到达五个复选框，然后再切换到下一行。

HTML输出：

<tr class="tr-11-16 tr-11" id="field-16"><td width='30%' valign='top' align='left' class='labeltext'>Requestor Email :<span style='text-decoration:none' class='required' id='lfspan'> * </span></td><td width='70%' align='left'><table border='0' style='table-layout:auto'><tr><td><div id='td-16[]'><table cellpadding='0' cellspacing='0'><tr><td class="valuetext fld-3-16-required" ><input type="checkbox" name="16[]" id="16[]" value="Home"class="valuetext fld-3-16-required" 0="">Home</td></tr><tr><td class="valuetext fld-3-16-required" ><input type="checkbox" name="16[]" id="16[]" value="Play"class="valuetext fld-3-16-required" 0="">Play</td></tr><tr><td class="valuetext fld-3-16-required" ><input type="checkbox" name="16[]" id="16[]" value="Theatre"class="valuetext fld-3-16-required" 0="">Theatre</td></tr><tr><td class="valuetext fld-3-16-required" ><input type="checkbox" name="16[]" id="16[]" value="Work"class="valuetext fld-3-16-required" 0="">Work</td></tr></table></div></td><td valign='top'></td></tr></table></td></tr>

Answer 1

简单的方法就是桌子。

更好的方法是使用display:table及其块。

最好的方法可能是将每个复选框+标签包装在一个包装器元素中，并给该元素20%的宽度。然后这些包装器元素中的每一个都可以具有display:inline-block;或display:block; float:left;。

Answer 2

使用Firebug，tr { display:inline }允许复选框流动，就好像它们只是一行中的输入元素一样。

如果您的函数输出<input><input><input>，而不是嵌套的<table>，那就太棒了。