Php 如何使用CSS在页面周围放置复选框（复选框值由数据库填充）

形势

我是一个绝对的CSS初学者，因此我有问题，希望您的帮助。 我已经创建了一个复选框列表，但是复选框的值是使用存储在mysql数据库中的值填充的。 复选框的php代码如下所示：

<?php

require("user_connection.php");


$q = mysqli_query($connect, "SELECT * FROM `campus`");
    while ($line = mysqli_fetch_assoc($q)) {
     echo '<input type="checkbox" name="car" 
            value="'.$line['room'].'">'.$line['room'].'</br>';
   }

?>


</br>
</br>



<?php
$q = mysqli_query($connect, "SELECT * FROM `campus_two`");
    while ($line = mysqli_fetch_assoc($q)) {
     echo '<input type="checkbox" name="car" 
            value="'.$line['room'].'">'.$line['room'].'</br>';
   }

?>


<div id="next"><input type="submit" name="next" Value="next"/></div>
</form>

---

现在，这在html中嵌入值的普通复选框上运行良好，但我的复选框是使用数据库中的值生成的。我想能够定位复选框，因为我想在我的网站，你们知道我可以如何解决这个问题

不要想太多。PHP正在创建html，您可以在这里这样做

<div id="next"><input type="submit" name="next" Value="next"/></div>

在样式表中

.big-btn{
    height: 50px;
    width: 50px;
}

CSS将使其成为一个更大的按钮

总的来说，这很简单。你可以用HTML来实现这一点。像php这样的服务器端渲染功能甚至更强大，因为您可以查询数据库来构建输入，就像这里一样：

<?php
    $q = mysqli_query($connect, "SELECT * FROM `campus_two`");
    while ($line = mysqli_fetch_assoc($q)) {
        echo '<input type="checkbox" name="car" 
        value="'.$line['room'].'">'.$line['room'].'</br>';
    }
?>

---

在这种情况下，您可以有1个输入或80个输入，这取决于返回的内容，但它将被呈现为HTML，可以使用相同的样式。另一个优点是，您可以在DB中设置标志，并有条件地添加类或ID，以真正创建动态页面，但一旦呈现（在JS之外），页面将是静态HTML。

我们需要了解您希望它的外观……否则我们只是猜测。我不希望它看起来像任何东西，我只希望它保持原样，然而，我希望能够把它放在我的网站中间，你对这个问题的核心假设是错误的。您的数据库正在生成静态HTML，您可以通过查看页面的源代码来签出该HTML。静态复选框和动态生成的复选框之间没有区别。如果CSS适用于静态HTML，则生成HTML的方式是错误的。您的代码看起来会在屏幕上的某个位置重叠所有元素。谢谢！这实际上比我想象的更有用

<div id="next" class="big-btn"><input type="submit" name="next" Value="next"/></div>

.big-btn{
    height: 50px;
    width: 50px;
}

<?php
    $q = mysqli_query($connect, "SELECT * FROM `campus_two`");
    while ($line = mysqli_fetch_assoc($q)) {
        echo '<input type="checkbox" name="car" 
        value="'.$line['room'].'">'.$line['room'].'</br>';
    }
?>