0

ArayListに一連の画像があります。これらの画像を行に配置しようとしています。各行には4つの画像が含まれています。したがって、配列リストに10個の画像がある場合、最初の行に4個、2番目の行に4個、3番目の行に2個の3行が必要です。

これが私の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内の列として機能します。

どのようにそれを行うことができますか？どんな助けでもありがたいです

4

1 に答える 1

0

私が考えることができる2つのアプローチがあります..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>

また、イテレータの後で、タグを閉じる必要があるかどうかを確認することもできます。

于 2012-09-12T11:49:41.450 に答える