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 个然后下一行生成的，它们的设置方式彼此不一致，而且很难看。有谁知道如何解决这个问题，以便它们的结构正确吗？链接到屏幕截图

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