Html 多复选框管理

你好，我用这种方法生成我的复选框

$result = mysql_query("SELECT * FROM tbl_tourism_type order by type_name ");
                $i=1;
                while($row = mysql_fetch_array($result)){
                echo '<input type="checkbox" name="type[]" value="'.$row['type_id'].'" id="'.$row['type_name'].'">'.'
                <label for="'.$row['type_name'].'" class="fil_lab">'.$row['type_name']. '</label>';
                if($i%5==0) 
                {
                 $i = 0;
                 echo '<br><br>';
                }
                $i++;}

$result=mysql\u查询（“按类型名称从tbl\u旅游类型订单中选择*）；
$i=1；
while（$row=mysql\u fetch\u数组（$result））{
回音“.”
“.$row['type_name']”；
如果（$i%5==0）
{
$i=0；
回音“

”；
}
$i++；}

---

请注意，它们很可能会生成50多个复选框。目前，它们是由5行生成的，然后是下一行，它们的设置方式彼此不一致，对眼睛造成伤害。有人知道如何解决这个问题，从而使其结构正确吗？

使用CSS为复选框指定宽度，为标签指定宽度。这样，他们就有了相同的空间

echo '<input type="checkbox" name="type[]" value="'.$row['type_id'].'" id="'.$row['type_name'].'" style="width: 20px;" />'.'
<label for="'.$row['type_name'].'" class="fil_lab" style="width: 100px;">'.$row['type_name']. '</label>';

echo'.'
“.$row['type_name']”；