如何在這個代碼庫

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>