我是php和开发网站的新手。我有一个产品页面,其中许多产品存储在数据库中。当我打印它们所有产品都是单列时,我确实浮动:左,但没有变化。但是当我在html中输入手动产品的同样的事情时,这很好。下面是我在php中使用的代码。请帮忙。
<div class="products-wrap">
<?php
$result = mysqli_query($con,"SELECT ProductName,Description,ProductImage FROM products");
while($row = mysqli_fetch_array($result))
{
echo "<div class='product-img'><img src='upload/".$row['ProductImage']."'/></div>";
echo '<br/>';
echo "<p>".$row['Description']."</p>";
echo '<div class="product-details"><a href="#">Product Details</a></div>';
}
mysqli_close($con);
?>
</div>
produst-wrap是必须打印几次的主要div。一排有4个产品,但是当我使用这个编码时,所有产品都显示在单列中。
由于
答案 0 :(得分:0)
你的例子中的所有内容“使所有元素都在彼此之下”(如你所说,并且你没有发布任何CSS,我们也不知道)。我认为您可能缺少的(所以请尝试)是<div class="products-wrap">
循环中的while
。
像这样:
<?php
$result = mysqli_query($con,"SELECT ProductName,Description,ProductImage FROM products");
while($row = mysqli_fetch_array($result))
{
echo "<div class='products-wrap'>";
echo "<div class='product-img'><img src='upload/".$row['ProductImage']."'/></div>";
echo '<br/>';
echo "<p>".$row['Description']."</p>";
echo '<div class="product-details"><a href="#">Product Details</a></div>';
echo '</div>';
}
mysqli_close($con);
?>
如果这有助于或不是您正在寻找的,请告诉我。
答案 1 :(得分:-1)
也许尝试迭代一个foreach循环
<?php
$result = mysqli_query($con,"SELECT ProductName,Description,ProductImage FROM products");
$rows = mysqli_fetch_array($result, MYSQLI_ASSOC);
foreach($rows as $row)
{
echo "<div class='products-wrap'>";
echo "<div class='product-img'><img src='upload/".$row['ProductImage']."'/></div>";
echo '<br/>';
echo "<p>".$row['Description']."</p>";
echo '<div class="product-details"><a href="#">Product Details</a></div>';
echo '</div>';
}
mysqli_close($con);
?>