php - 在 php 中动态创建复选框时，如何并排对齐它们？

Question

我正在尝试创建一个带有多个复选框的表单。复选框是从数据库动态创建的，但它们总是在新行中创建，而我希望它们并排对齐。我是 CSS 和 php/mysql 的新手，所以我无法正确处理。你能帮我吗？

$mysqli = new mysqli('localhost', 'mechuser', 'mypassword', 'mechug_lab');

$query = "SELECT * FROM slots WHERE lab_id = '530_335' AND slot_status = '0' AND expt_id='3'";
$result=mysql_query($query);

if($result) {
                if(mysql_num_rows($result) != 0) {
                    $date = "0000-00-00";
                    while($row = mysql_fetch_array($result)):
                    ?>
                    <div><label><?php
                    $date1 = $row['date'];
                    $weekday = date('D', strtotime($date1));
                    $today = date('M j, Y',strtotime($date1));
                    if ($date1 != $date)
                        echo "<strong>".$today."   ".$weekday."</strong> &nbsp";
                        echo " ".$row['slot_time'];
                        $date = $date1;
                    ?>
                    <input type="checkbox" name="bookings[]" value="1"></label></div><?php endwhile;
                    }
                    }
                    ?>

Answer 1

你的复选框周围的 div 是 block 级元素(它会换行)，你可能想使用 span(这是一个内联级元素)代替或制作内联/内联 block 元素或 float 它们，选择是你的:)

style="display:inline"或 style="display:inline-block"或 <span>而不是 <div>