Question

我在准确显示每行最多三个项目时遇到一些麻烦。这是我需要修改的内容，但我无法看到如$count这样的变量如何用于确定所需的行数以及如何准确对齐它们。

目前的情况如下：

这是代码：

if(mysqli_num_rows($result)){
    while($row = mysqli_fetch_assoc($result)){
        print

        "<div id='products' class='row list-group'>".
        "<div class='item  col-xs-4 col-lg-4'>".
            "<div class='thumbnail'>".
                "<img class='group list-group-image' alt='' />".
                "<div class='caption'>".
                    "<h4 class='group inner list-group-item-heading'>
                        'Title 1'</h4>".
                    "<p class='group inner list-group-item-text'>
                        Sample.</p>".
                    "<div class='row'>".
                        "<div class='col-xs-12 col-md-6'>".
                            "<p class='lead'>
                                654</p>".
                        "</div>".
                        "<div class='col-xs-12 col-md-6'>".
                            "<input type='submit' value='Add to basket'  class='btn btn-success btn-block btn-lg'  >".
                        "</div>".
                    "</div>".
                "</div>".
            "</div>".
        "</div>";
    }
}

在那里的某个地方，我不知道如何确定如何准确地拆分它。

我将如何做到这一点？

编辑：尝试下面的代码后，我现在得到这样的东西：

由于

Answer 1

if(mysqli_num_rows($result)){
    print "<div id='products'>";
    $count = 0;

    while($row = mysqli_fetch_assoc($result)){
       if ($count % 3 === 0) {
          if ($count > 0) print "</div>";
          print "<div class='row list-group'>";
       }
        print
        "<div class='item  col-xs-4 col-lg-4'>".
            "<div class='thumbnail'>".
                "<img class='group list-group-image' alt='' />".
                "<div class='caption'>".
                    "<h4 class='group inner list-group-item-heading'>
                        'Title 1'</h4>".
                    "<p class='group inner list-group-item-text'>
                        Sample.</p>".
                    "<div class='row'>".
                        "<div class='col-xs-12 col-md-6'>".
                            "<p class='lead'>
                                654</p>".
                        "</div>".
                        "<div class='col-xs-12 col-md-6'>".
                            "<input type='submit' value='Add to basket'  class='btn btn-success btn-block btn-lg'  >".
                        "</div>".
                    "</div>".
                "</div>".
            "</div>".
        "</div>";
       $count++;
    }
    print "</div>".
     "</div>";
}

注意：

您不应多次打印相同的ID
您正在打印＆＃34;行＆＃34;多次，而不仅仅是行内的项目

另一篇文章在正确的轨道上使用$ count％3 === 0语句在顶部，但我们都应该打开一个新的div，并关闭那里的最后一个div（如果它不是＆t第一次迭代）。在循环之后，我们总是关闭row.list-group div，因为它总是由我们的设计打开。

如何每行只对齐三个项目

1 个答案: