PHP 循环遍历 HTML 以创建列答案

【问题标题】：PHP loop over HTML to create columnsPHP 循环遍历 HTML 以创建列
【发布时间】：2015-09-17 00:51:47
【问题描述】：

我正在尝试构建一个水平序列的产品卡片。所以我用这个：

<div class="row">
<?php
    $col = 3;
    $sql = "select distinct prd_prt_num, prd_cod, prd_dsc, prd_qtd_ven, fab_ape,";
    $sql .= " prf_ult_prc, prf_vis valor";
    $sql .= ", '' mensagem";
    $sql .= " from produtos";
    $sql .= " inner join fabricantes on (fab_cod=prd_fab_cod)";
    $sql .= " inner join produtos_fatores on (prf_prd_cod=prd_cod)";
    $sql .= " where prd_qtd_ven > 0";
    $sql .= " order by rand()"; 
    $sql .= " limit 4";

    $query = mysql_query($sql) or die($sql ."<p>". mysql_error());
    while ($r = mysql_fetch_array($query)) {
        extract($r,EXTR_PREFIX_ALL,"c");

        if ($cor == "#ffffcc") {
            $cor = "#ffffff";
        } else {
            $cor = "#ffffcc";
        }

?>
<div class="content">
   <div class="row">
   <div class="col s3">
         <div class="card">
      <img src="imagem.php?tam=195&src=<? echo $c_prd_prt_num; ?>" alt="<? echo $c_prd_prt_num; ?>">
      <div class="caption" style="text-align:center;">
        <h6><? echo $c_prd_dsc; ?></h6>
            <? if ($logado==1) { ?>
                <p><big><? echo $_SESSION['moeda']; ?> <? echo $c_valor; ?></big></p>
                <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">cart</i>COMPRAR</a></p>
            <? } else { ?>
                <p><a href="cadastro.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">shopping_cart</i>COMPRAR</a></p>
                <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">search</i>DETALHES</a></p>
            <? } ?>
      </div>
    </div>
  </div>
  </div>
  </div>
  </div>

我正在使用物化框架，“内容”类是这样的：

  div.content { 
    width:1024px;
    margin:0 auto;

但我明白了：

如何添加更多的 3 列？

【问题讨论】：

您是否在while 循环之后循环整个html 代码，这是导致问题的原因？请更正您的代码。
对displaying divs on the same line感兴趣
Manijeta，对不起，但我是 html/css/php 的新手，所以我不知道我必须做什么。终点站，它不起作用：/

标签： php html grid multiple-columns

【解决方案1】：

所以，我明白了。对于想知道我做了什么的人：

<div class="row">
<?php
    $col = 3;
    $sql = "select distinct prd_prt_num, prd_cod, prd_dsc, prd_qtd_ven, fab_ape,";
    $sql .= " prf_ult_prc, prf_vis valor";
    $sql .= ", '' mensagem";
    $sql .= " from produtos";
    $sql .= " inner join fabricantes on (fab_cod=prd_fab_cod)";
    $sql .= " inner join produtos_fatores on (prf_prd_cod=prd_cod)";
    $sql .= " where prd_qtd_ven > 0";
    $sql .= " order by rand()"; 
    //$sql .= " order by atualizacao desc";
    //$sql .= " limit $itenspagina";
    $sql .= " limit 4";







    $query = mysql_query($sql) or die($sql ."<p>". mysql_error());
    while ($r = mysql_fetch_array($query)) {
        extract($r,EXTR_PREFIX_ALL,"c");

        if ($cor == "#ffffcc") {
            $cor = "#ffffff";
        } else {
            $cor = "#ffffcc";
        }


?>
    <div class="col s3">
        <div class="card">
            <img src="imagem.php?tam=195&src=<? echo $c_prd_prt_num; ?>" alt="<? echo $c_prd_prt_num; ?>">
            <div class="caption" style="text-align:center;">
                <h6><? echo $c_prd_dsc; ?></h6>
                <? if ($logado==1) { ?>
                    <p><big><? echo $_SESSION['moeda']; ?> <? echo $c_valor; ?></big></p>
                    <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">cart</i>COMPRAR</a></p>
                <? } else { ?>
                    <p><a href="cadastro.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">shopping_cart</i>COMPRAR</a></p>
                    <p><a href="produto.php?prd=<? echo $c_prd_cod; ?>" class="btn btn-default" role="button"><i class="material-icons left">search</i>DETALHES</a></p>
                <? } ?>
            </div>
        </div>
    </div>
<? } ?>
</div>

再见！谢谢

【讨论】：