0

我的网站有一个表格，其中有一个包含 3 个州的位置部分，一个选择所有位置复选框，一个县标题，选择时检查它下面的所有城镇/城市和城镇/城市复选框。这里是 PHP 给你一个更好的主意：

$str = '<input id="chkMaster" onclick="checkAllEnquiryLocation();" type="checkbox" value="AR000" name="location[]" /> <strong>All Locations</strong>'."\n"."<br>";
    $sql = "SELECT location_area_code, location_area_name FROM emg_location_area";
    $rs = $db->query($sql);
    if ($db->get_num_rows($rs))
    {
        while ($row = $db->fetch_row($rs))
        {
            $str .= '<div id="loco-column">';
            $area_Code = $row['location_area_code'];
            $area_Name = $row['location_area_name'];
            $str .= '<input onclick="checkAll_'.$area_Code.'()'.';" id="'.$area_Code.'" type="checkbox" value="'.$area_Code.'" name="location[]" /> <strong>'.$area_Name.'</strong>'."\n"."<br>";
            $xtpl->assign("function_id", $area_Code);

            $sql = "SELECT location_code, location_name 
                    FROM emg_location 
                    WHERE location_area_code='".$row['location_area_code']."'";
            $rs1 = $db->query($sql);
            if ($db->get_num_rows($rs1))
            {
                while ($row1 = $db->fetch_row($rs1))
                {
                    $k = $row1['location_code'];
                    $v = $row1['location_name'];
                    $str .= '<input id="'.$area_Code.'_'.$k.'" type="checkbox" value="'.$k.'" name="location[]" /> '.$v."\n"."<br/>";
                    $xtpl->assign("element_id", $area_Code."_".$k);
                    $xtpl->parse("main.area_check_all.element");
                }
                $xtpl->parse("main.area_check_all");
$str .= '</div>';
            }
        }

我希望这些显示如下：Ebay 的网格列表视图如果您向下滚动页面，您会看到即使某些列表大小不同，它们也适合内联并完美地填充所选区域。

我认为这会很简单，我环顾四周，我能看到如何做到这一点的唯一方法是使用更多的 php，但是在 CSS 中是否有更简洁的方法可以做到这一点，任何人都知道？

这是我对 css 的尝试，它几乎可以工作，但较小的位置列表似乎卡在容器的右侧：

#loco-column{ display:inline-block; max-height:200px; float:left; padding-left:10px; margin-bottom:20px; }
4

0 回答 0