div标签内的水平循环mysql

Question

有人可以帮我制作类似于this 网站的内容循环吗？
我尝试使用 while() 构造，它是垂直循环的。它出现时没有使用表格，我假设此页面正在使用缩略图。

我真正需要的是每 3 个项目循环一次，这是我编写并垂直显示的代码。

<div class="container">

<?php

    include "config/database.php";

    $sql = "SELECT * FROM anidata";
    $query = mysql_query($sql);

    if ($query > 0) {
?>

<div class="col-sm-6 col-md-4" style="float: left;">
<?php
    while($row = mysql_fetch_array($query)){
        $image = $row['image'];
        $title = $row['title'];
        $genre = $row['genre'];
        $start = $row['start'];
        $schedule = $row['schedule'];
        $description = $row['description'];
?>

<div class="row">
    <div class="thumbnail" >
        <div>
            <img src="admin/<?php echo $row['image']; ?>" width="194" height="272">
        </div>

        <div class="caption">
            <span id="teks" style="font-size:18px;"><?php echo $title; ?></span>
            <div class="line-title">
                </div>
                <div class="description">
                    <span style="font-size:12px;"><?php echo $description; ?></span>
                </div>

                <div class="genre">
                    <span><?php echo $genre; ?></span>          
                </div>                  
            </div>             
        </div>
    <?php } ?>
    </div>
<?php } ?>
</div>

Answer 1

试试这个。如果 .thumbnail 已经在你的 css 中有 float:left; 你可以删除 style attr。

<div class="container">

<?php

    include "config/database.php";

    $sql = "SELECT * FROM anidata";
    $query = mysql_query($sql);

    if ($query > 0) {
?>

<div class="col-sm-6 col-md-4" style="float: left;">


<div class="row">

    <?php
        while($row = mysql_fetch_array($query)){
            $image = $row['image'];
            $title = $row['title'];
            $genre = $row['genre'];
            $start = $row['start'];
            $schedule = $row['schedule'];
            $description = $row['description'];
    ?>
    <div class="thumbnail" style="float:left;">
        <div>
            <img src="admin/<?php echo $row['image']; ?>" width="194" height="272">
        </div>

        <div class="caption">
            <span id="teks" style="font-size:18px;"><?php echo $title; ?></span>
            <div class="line-title">
                </div>
                <div class="description">
                    <span style="font-size:12px;"><?php echo $description; ?></span>
                </div>

                <div class="genre">
                    <span><?php echo $genre; ?></span>          
                </div>                  
            </div>             
        </div>
    <?php } ?>
    </div>
<?php } ?>
</div>