php mysql数据库检索一行三条记录

Question

我正在使用 php 和 mysql 检索数据库记录

while($row = mysqli_fetch_array($query)){
            $id = $row["id"];
            $title = $row["title"];
            $search_output .= "<div class='container'>
    <div class='col-md-12' style='margin: 20px 40px 20px 40px;'>

                <div class='content-heading'>
                    <h2>$title</h2>
                </div>
                <div class='content-tags'>

                    <a href='#'>#song</a>
                </div>
            </div>
        </div>";
                } // close while loop

正如 $query 中所示，我选择了要检索数据的表并将其放入 $search_output 中，以便每个检索到的记录都具有相同的形式，我的问题接近 get data from backend into three columns in one row

我想要一行中的三个记录。但不同之处在于 $search_output 不是一个数组，我只想要 $search_output 代表一条记录，显示为一行中的三个记录。因为我需要它看起来像 2 行，每行 3 条记录(列)，而我只有一个变量，即 $search_output 。

我试图写这个来展示我想要的东西，但它不起作用

<table>


 <?php


 $r = 0;
 $columns = 3;
 foreach($search_output as $s){
    if($r%$columns == 0) $html .="<tr>";
    $html .= "<td>";
     echo $search_output;
     $html .="</td>";
     if ($r%$columns == $columns || $r++ == count($search_output)-1) $html .= "</tr>";
}



 ?>

</table>

这是屏幕截图:

但我写的时候看起来是这样的

<table><tr><td> <?php echo $search_result; ?> </td></tr></table>

有什么想法吗？

谢谢

Answer 1

您使用的 BOOTSTRAP 错误。

在容器 DIV 之后，首先缺少行 DIV。

如果你想要三列，那么 col-md-12 必须是 col-md-4

12 = 全列，4 = 三列 (12/3 = 4)查看 Bootstrap 文档以了解更多详细信息。

  <div class='container'>
   <div class='row'>
    <div class='col-md-4'></div>
    <div class='col-md-4'></div>
    <div class='col-md-4'></div>
   </div>
  </div>

和

$search_output = "<div class='container'><div class='row'>";
while($row = mysqli_fetch_array($query)){
        $id = $row["id"];
        $title = $row["title"];
        $search_output .= "
<div class='col-md-4' style='margin: 20px 40px 20px 40px;'>
            <div class='content-heading'>
                <h2>$title</h2>
            </div>
            <div class='content-tags'>
                <a href='#'>#song</a>
            </div>
        </div>";
            } 
$search_output .= '</div></div>';

但这仅在从数据库获取3行时才有效