在一條線上得到6張圖片

我想要在每一行中有6張圖片的多行圖片。目前每條線上有4張圖片，我不知道如何製作，所以我有6.任何幫助將非常感激！在一條線上得到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>

來源

2015-03-02 hinockurt

我會建議使用%而不是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"] . '">';

來源

2015-03-02 10:19:19 Jari

它的工作！謝謝！ – hinockurt 2015-03-02 10:25:14

'width = 15％;'是否有效？ – Lepanto 2015-03-02 10:36:03

以及我打算使用寬度：15％; – Jari 2015-03-02 10:39:27

使用PHP的array_chunk功能短你的答案。你試一試。

$products_new = array_chunk($products, 6); 
foreach($products_new as $product_id => $product) { 

//Your code 

}

來源

2015-03-02 10:09:15 Vineet

在一條線上得到6張圖片

回答

相關問題