PHP/CSS 如何防止我的复选框越过边界

Question

基本上，我正在创建一个未知大小的复选框，它取决于从我的数据库中的表中选择的行。我不知道大小的原因是用户选择他们将使用哪一行，其中一些行包含 10 个复选框，而其他行包含多达 75 个复选框。所以问题是，如果用户选择包含大量复选框的行options 它穿过我的 div 的边界，然后迫使我向下滚动页面我正在寻找的是一种表达 >

如果(复选框的数量>25)

在我的页面上创建一个新栏

我不知道解决这个问题的正确方法是使用 php 还是 javascript 还是可能使用 css 我对所有这些语言都是新手所以任何帮助无论多么微不足道都将不胜感激。

<div id="major1">
<?php   
        $courses=mysql_query("SELECT * FROM MAJORS_CHECKLIST WHERE MAJOR='$major'");
        $courses_row=mysql_fetch_row($courses);
        $count = 0;
        echo "$courses_row[0] <br/>";
        $checkit = 0;
        $sidebyside = 0;
        foreach($courses_row as $i=>$courses_row){
            if($courses_row['$count'] == NULL)
            {
                break;//if we run out of courses stop printing them

            }
            if($courses_row[$count] == $courses_row[0] && $checkit == 0 )
            {

                $checkit = $checkit + 1;
            }
            else
            {       
                echo "<input type='checkbox' value='$courses_row' name='majorCourses[]' />&nbsp;";//answer-$i
                echo "$courses_row<br /> ";

            }
            $count = $count + 1;
            /*$sidebyside++;
            if($sidebyside == 2)//tried using this to put 2 checkboxes side by side that ened up just messing everything up 
            {
                echo "<br/>";
                $sidebyside = 0;
            }*/ 
        }

?>

这是我的CSS:

   #major1{
color: white;
/*border: 1px solid black;*/
padding: 5px;
float: left;
height:500px;
width:150px;
}

Answer 1

可以使用 CSS 控制在 div 中生成一堆复选框。应将复选框的父 div 设置为以下规则:width:auto;高度:自动；填充:10px 10px；职位:相对；这一切都假设复选框的父 div 是另一个 div 的子元素以控制首选尺寸

编辑:如果您不想通过上述方法使用 css，您可以控制每行复选框的“X”个数。您可以创建一个计数器来计算显示的数量并执行 if($counter % X == 0) echo "</div><div> ";这一切都假设您在代码开头有一个起始 div，在代码结尾有一个结束 div。