2012-07-01 125 views
1

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

enter image description here

我写显示其他自上而下后的结果一个代码。

<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> 

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

enter image description here

我怎么能显示这种格式的结果吗?

谢谢。

回答

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> 
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>