我正在尝试制作多行图片,每行 6 张图片。目前每行有 4 张图片,我不确定如何制作,所以我有 6 张。非常感谢任何帮助!
这是我的代码:
<?php
$pageTitle = "Bright Punch Love";
$section = "home";
include('inc/products.php');
?>
<?php include('inc/header.php'); ?>
<div id="top"><img src="top.png" width="1337"></div>
<div class="shirts">
<ul class= "shirts-section">
<?php
foreach($products as $product_id => $product) {
echo "<li>";
echo '<a href="shirt.php?id=' . $product_id . '">';
echo '<img src="' . $product["img"] . '" width= 200 alt="' . $product["name"] . '">';
echo '<p id="details">$30 View Details</p>';
echo "</a>";
echo "</li>";
}
?>
</ul>
</div>
<?php include('inc/footer.php'); ?>
<div id="bottom-index"><img src="bottom-index.png" width="1337"></div>
最佳答案
我建议使用 %
而不是 px
。您还可以使用 width
标签。尽量避免在您的 html 代码中使用 css。请改用 class="..."
并将您的 css 文件包含在 head
标记中。我现在在头部制作文件,因为这对你来说更容易。但我建议只为 css 制作一个文件。
<head>
<style type="text/css">
.picture{
width : 15%;
}
</style>
</head>
echo '<img src="' . $product["img"] . '" class=\"picture\" alt="' . $product["name"] . '">';
关于php - 一行获取 6 张图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28807027/