如何将数据库中的项目放入格式良好的表中

时间:2016-04-13 15:57:58

标签: php html mysql css

我有一个从数据库中获取项目的网站。它在一分钟的方式是所有项目都在一列。我希望这些项目在3列中出现,然后在它们下面再增加3列,依此类推。有人知道怎么做吗?

这是我的代码

<?php
    // Default query for this page:
    $q = "SELECT * FROM item";
    // Create the table head:
    echo '
        <div class="container">
            <div class="table-responsive">
                <table border="5" class="col-lg-4" cellspacing="3" cellpadding="3" align="center">
                    <tr>
                        <td align="left" width="15%"><b>Photo</b></td>
                        <td align="left" width="5%"><b>Condition</b></td>
                    </tr>
            </div>
        </div>
        </div>
        </div>
    ';

// Display all the items, linked to URLs:
$r = mysqli_query ($dbc, $q);
while ($row = mysqli_fetch_array ($r, MYSQLI_ASSOC)) {
    $directory = '/uploads';
    $file= $row['image_name'];
    // Display each record:
    echo "
        <tr>
            <td align=\"center\"><image src=$directory/$file title='$row[image_name]'  width='213' height='200'></td>
            <td align=\"center\">{$row['state']}</td>
        </tr>
    ";
}
echo '</tbody>';
echo '</table>';
mysqli_close($dbc);

2 个答案:

答案 0 :(得分:0)

看起来您的HTML已经过时,这可能是显示问题的原因。

尝试从标记为

的行上方删除这4个结束div

//显示链接到网址的所有项目:

答案 1 :(得分:0)

如果我做对了,你想要每行3个项目,并且你正在使用twitter bootstrap css框架。

您的问题主要来自您正在使用的HTML结构。

尝试这样的事情:

<div class="container">
    <div class="row">
        <div class="col-lg-4">item 1</div>
        <div class="col-lg-4">item 2</div>
        <div class="col-lg-4">item 3</div>
        <div class="col-lg-4">item 4</div>
        <div class="col-lg-4">item 5</div>
        <div class="col-lg-4">item 6</div>
    </div>
</div>