Php 如何在此代码库中水平显示复选框
我们在php中有一个autogen表单,我们弹出复选框的方式如下面的代码所示:Php 如何在此代码库中水平显示复选框,php,html,Php,Html,我们在php中有一个autogen表单,我们弹出复选框的方式如下面的代码所示: case FIELD_CHECK_BOX: $fieldHtml = printCheckbox($mode, $field->getId().'[]', $field->getOptions(), $field->getValue(), true, '  ', $isReq, array( "class"=>$isReq,$j
case FIELD_CHECK_BOX:
$fieldHtml = printCheckbox($mode, $field->getId().'[]', $field->getOptions(), $field->getValue(), true, '  ', $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>
请求者电子邮件:*家庭剧场作业
简单的方法是使用表格
更好的方法是使用display:table
及其块
最好的方法可能是将每个复选框+标签包装在包装器元素中,并给该元素20%的宽度。然后,这些包装器元素中的每一个都可以有
display:inline块代码>或<代码>显示:块;浮动:左
使用Firebug,tr{display:inline}
允许复选框像一行中的输入元素一样流动
奇妙的是,如果您的函数将输出
,而不是嵌套的
从printCheckbox()
生成什么HTML?您应该在css中这样做。我们需要知道printCheckbox()
的返回值。作为盲镜头,您可以为表单元素设置display:inline
。无论如何,您的垂直显示是由block
元素引起的。Ben我在上面添加了html输出。哼哼,无法在此代码库中使用表格,但感谢您的建议。