html - 如何在 HTML 的表格中每行只允许 4 个单元格？

Question

我想知道是否有办法在 HTML 中每行只允许 4 个单元格 .. 表中只允许 4 个单元格，如果超过 4 个 tds ，则创建另一行..

我怎么能在 HTML 中控制它？

Answer 1

不，你似乎不明白你在问什么。您不能仅使用html 自动执行此操作。您的问题与 Html 和 Php 有关。

这是一个快速的讨厌的工作：

$pdo = new PDO("mysql:host=$host;dbname=$dbName", $userName, $pwd);

$query = $pdo->prepare('select name from products order by id asc');
$query->execute();

echo '<table>';
echo '<tbody>';
$numCellsInRow = 0;
while ($curRow = $query->fetch())
{
    if ($numCellsInRow == 4)
    {
        printf("</tr>");
        $numCellsInRow = 0;
    }
    if ($numCellsInRow == 0)
    {
        printf("<tr>");
    }
    printf("<td>%s</td>", $curRow[0]);

    $numCellsInRow++;
}
echo '</tbody>';
echo '</table>';

结果

<table>
  <tbody>
    <tr>
      <td>1" tweeter</td>
      <td>6" sub</td>
      <td>Sony Headphones</td>
      <td>Magnifier</td>
    </tr>
    <tr>
      <td>Red Led</td>
      <td>Blue LED</td>
      <td>7 segment LED</td>
      <td>Lalique stained glass</td>
    </tr>
    <tr>
      <td>LED downlight</td>
      <td>BiPole light-switch</td>
      <td>DC, 10amp</td>
      <td>Monster Cable</td>
    </tr>
    <tr>
      <td>Sata 2.0 Cable</td>
      <td>Speaker Wire</td>
      <td>USB 2.0 A to B Cable</td>
    </tr>
  </tbody>
</table>

Answer 2

试试这个。。没试过。。

 $count = 0; 
    echo("<table><tr>");
    foreach ($products as $product) { 
    if(($count % 4) == 0){

    echo("</tr><tr>\n");
    $count++;

    }if
    else{
    $count++;
    }

    echo("<td>$product<td>");

    }


    echo("</tr></table>");