排列成每行 5 个单元格的表格

问题描述

如何将数组中的每个项目放入每行 5 个单元格或每列 5 列且没有行数限制的表格中.

How can I put each item in an array into a table with 5 cells in each row or 5 columns and no limit on how many rows there are.

这是我的代码:

if (mysql_num_rows($badgedata) <= 0)
{
  $badge = "I have no badges =(";
}
else
{
  // Sets the array for the badges
  while($row = mysql_fetch_array($badgedata))
  {
    $badges[$row['badge_id']] = $row;
  }
  echo "<table><tbody>";
  // Displays the badges in the array
  foreach($badges as $badge => $id)
  {
    // I need the table here
    echo "<img src="http://habbome.com/r63/c_images/album1584/$badge.gif" />";
  }
}

推荐答案

你只需要 echo 和 之前/每五个单元格之后:

You just need to echo <tr> and </tr>'s before/after every fifth cell:

$field = 0; // init field counter
echo "<table><tbody>";
// Displays the badges in the array
foreach($badges as $badge => $id)
{
    if ($field % 5 == 0) echo '<tr>'; // start line before field 0 .. 5 .. 10 etc.
    echo "<td><img src="http://habbome.com/r63/c_images/album1584/$badge.gif" /></td>"; // output as table cell
    if ($field % 5 == 4) echo '</tr>'; // end line alter field 4 .. 9 .. 14 etc.
    $field++; // increase field counter
}
if ($field % 5 != 0) echo '</tr>'; // close last line, unless total count was multiple of 5
echo "</tbody></table>";

这篇关于排列成每行 5 个单元格的表格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！