我正在尝试多行图片，每行包含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"] . '">';