我有一个从数据库中获取项目的网站。它在一分钟的方式是所有项目都在一列。我希望这些项目在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);
答案 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>