java - 如何使用struts2在两个div中排列来自arraylist的数据

Question

我在 ArayList 中有一组图像。我正在尝试将这些图像排列成行，每行包含 4 个图像。因此，如果 arraylist 中有 10 个图像，则应该有 3 行，其中第一行 4 个，第二行 4 个，第三行 2 个。

这是我的jsp。

<s:iterator value="productList" status="status">
    <div class="display">   
        <div class="block">
            <img src="../product/image?imageID=<s:property value="productID"/>&type=thumbnail" />
        </div>
    </div>
</s:iterator>

这里具有类显示的 div 充当行。带有类块的 div 充当显示 div 内的列。

怎么做到呢？任何帮助将不胜感激

Answer 1

我能想到两种方法.. 1. 表（最简单） 2. ul li

在表格方法中，代码看起来像

<table>
<s:iterator value="productList" status="status">
        <s:if test="#status.index %4 == 0">
            <tr>
        </s:if>

                <td>
                    <img src="../product/image?imageID=<s:property value="productID"/>&type=thumbnail" />
                </td>
         <s:if test="#status.index %4 == 0">
            </tr>
         </s:if>
</s:iterator>
<table>

此外，如果必须关闭标签，您可能还想在迭代器之后检查