html - 多复选框管理

Question

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

$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++;}

请注意，它们很可能会生成 50 多个复选框。目前，它们由 5 个生成，然后是下一行，并且它们的设置方式彼此不一致并且很难看。有谁知道如何解决这个问题，以便它们的结构正确吗？ Link to screen shot

Answer 1

使用 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>';