php並排發布

Question

在我的項目中動態創建的列表

的作為標題類別及其images.like

 <li>Heading 1</li> <li>Image 1</li> <li>Image 2</li> <li>Image 3</li> <li>Image 4</li> <li>Image 5</li> <li>Heading 2</li> <li>Image 1</li> <li>Image 2</li> <li>Image 3</li> <li>Heading 3</li> <li>Image 1</li> 

每個標題是一個類別，圖像名稱是每個類別下的圖像。 現在它一個接一個地出現，我想如圖所示並排顯示它。

就像圖像中的一個標題和下方的2個圖像，以及標題的下一個li側面。如果li屬於一個類別，則下一個標題將進入新列。

我如何使用php創建一個類似於圖像的表格。 每個標題及其圖像。

Answer 1

您可以使用Table然后使用html：

<table>
    <tr>
        <th>Heading 1</th>
        <td>Image 3</td>
        <th>Heading 2</th>
        <td>Image 3</td>
        <th>Heading 3</th>
    </tr>
    <tr>
        <td>Image 1</td>
        <td>Image 4</td>
        <td>Image 1</td>
        <td>Image 4</td>
        <td>Image 1</td>
    </tr>
    <tr>
        <td>Image 2</td>
        <td>Image 5</td>
        <td>Image 2</td>
        <td></td>
        <td></td>
    </tr>
</table>

這是一個簡單的技巧：示例

<?php
    $images = array('Image 1', 'Image 2', 'Image 3', 'Image 4', 'Image 5'); 
    $fixRow = 3;  //total fixed row that you want

    $L1 = 5;/*List-1 item*/ $L1C = ceil(($L1+1)/$fixRow);// 2 row for 1st list
    $L2 = 3;/*List-2 item*/ $L2C = ceil(($L2+1)/$fixRow);//2 row for 2nd list
    $L3 = 1;/*List-3 item*/ $L3C = ceil(($L3+1)/$fixRow);//1 row for 3rd list

?>
<table>
    <tr>
        <?php
            //list-1 column=2  
            $k=0;
            for ($i=0; $i<$L1C ; $i++){ 
                if($i==0){
                    echo "<th>Heading 1</th>";
                }else{ 
                    echo "<td>".$images[$k-1]."</td>";
                }
                $k = $k+$fixRow;
            }  

            //list-2 column=2 
            $k=0;
            for ($i=0; $i<$L2C ; $i++){ 
                if($i==0){
                    echo "<th>Heading 2</th>";
                }else{ 
                    echo "<td>".$images[$k-1]."</td>";
                }
                $k = $k+$fixRow;
            } 

            //list-3 column=1  
            $k=0;
            for ($i=0; $i<$L3C ; $i++){ 
                if($i==0){
                    echo "<th>Heading 3</th>";
                }else{ 
                    echo "<td>".$images[$k-1]."</td>";
                }
                $k = $k+$fixRow;
            } 
        ?>
    </tr>

    <?php for ($j=0; $j <2 ; $j++){
        echo "<tr>";
            $k=$j;
            for ($i=0; $i<$L1C ; $i++) { 
                if($i==0){
                    if($j<$L1){
                        echo "<td>".$images[$j]."</td>";
                    }else{
                        echo "<td></td>";
                    }
                }else{ 
                    if($k<$L1){
                        echo "<td>".$images[$k]."</td>";
                    }else{
                        echo "<td></td>";
                    }
                }
                $k = $k+$fixRow;
            } 

            $k=$j;
            for ($i=0; $i<$L2C ; $i++) {
                if($i==0){
                    if($j<$L2){
                        echo "<td>".$images[$j]."</td>";
                    }else{
                        echo "<td></td>";
                    }
                }else{ 
                    if($k<$L2){
                        echo "<td>".$images[$k]."</td>";
                    }else{
                        echo "<td></td>";
                    }
                }

                $k = $k+$fixRow;
            } 

            $k=$j;
            for ($i=0; $i<$L3C ; $i++) {
                if($i==0){
                    if($j<$L3){
                        echo "<td>".$images[$j]."</td>";
                    }else{
                        echo "<td></td>";
                    }
                }else{ 
                    if($k<$L3){
                        echo "<td>".$images[$k]."</td>";
                    }else{
                        echo "<td></td>";
                    }
                }
                $k = $k+$fixRow;
            } 
        echo "</tr>";
    } ?>
</table>

您可以使用通用功能進行修改