1

我正在使用 PHP 从 MySQL 数据库中检索一组位置名称并将它们显示在页面上。它看起来像这样。

在此处输入图像描述

我编写的代码从上到下依次显示结果。

<html>
<head>
</head>
<body>

<?php

require_once("db_handler.php");

$conn = iniCon();
$db = selectDB($conn);

$query = "SELECT DISTINCT Name FROM location_categories";
$result3 = mysql_query($query, $conn);

?>

<div id="choseLoc">
Locations <br/><br/>
    <table border="0">
        <?php
        while($row = mysql_fetch_array($result3))
        {
        ?>
        <tr>
            <td><? echo $row["Name"]; ?></td>
            <td align="center"><input type="checkbox" name="checkbox[]" value="<? echo $row['Loc_Code']; ?>" /></td>
        </tr>
        <?php
        }
        ?>
    </table>
</div>
<br/>
<div id="buttons">
    <input type="reset" value="Clear" /> <input type="submit" value="Save" name="savebtn" />
</div>

</body>
</html>

现在如果有很多记录，那么显示它不会很有吸引力。我想显示这样的结果。

在此处输入图像描述

如何以这种格式显示结果？

谢谢你。

4

2 回答 2

3

将此用于您的内表

<table border="0">
        <?php
$a = 0;

        while($row = mysql_fetch_array($result3))
        {
if($a++ %4 == 0) echo "<tr>";
        ?>

            <td><? echo $row["Name"]; ?></td>
            <td align="center"><input type="checkbox" name="checkbox[]" value="<? echo $row['Loc_Code']; ?>" /></td>
        <?php
if($a %4 == 0) echo "</tr>";
        }
        ?>
    </table>
于 2012-07-01T11:27:02.310 回答
1

您可以将每一个浮动到左侧，只要 #choseLoc 是内部 div 宽度的 4 倍，浮动就会为您布置它们。

<div id="choseLoc" style="width:800px;">

    Locations<br/><br/>

    <?php
    while($row = mysql_fetch_array($result3)){
        ?>
        <div style="float:left; width:200px;">
            <?php echo $row["Name"]; ?> <input type="checkbox" name="checkbox[]" value="<?php echo $row['Loc_Code']; ?>" />
        </div>
        <?php
    }
    ?>

</div>
于 2012-07-01T11:28:35.910 回答