Question

我正在动态地将图像插入div，但它们都是一个一个地垂直出现的。我的div是一个矩形框，列表中有四个元素。我希望我的图像以矩阵形式出现。

我的代码如下：

<div id="box" style="margin: -399px -69px -47px 857px;" >

    <c:forEach items="${mapi}" var="employee" >

        <a onclick="getImages('${employee.id}')">
            <img id="image" name="${employee.id}" 
                style='display:block; width:99px;height:100px;margin: 54px 116px 20px;'                 
                src='data:image/jpeg;base64,${employee.encodedString}' />
        </a>

   </c:forEach >

</div>

有什么办法吗？

Answer 1

我可以通过添加4个类来获得，并且在每次迭代中使用迭代编号将新类添加到新图像。

＆LT; c：forEach items =“$ {mapi}”var =“employee”varStatus =“loopCounter”＆gt;

＆LT; a onclick =“getImages（'$ {employee.id}'）”class =“imagepos $ {loopCounter.count}”style =“display：inline-block;”＆gt; src ='data：image / jpeg; base64，$ {employee.encodedString}'/＆gt;

＆LT; / A＆GT;

＆LT; / C：的forEach＆GT;

我为四个类添加了四个不同的边距：.imagepos1，imagepos2 ......

在JSP中以矩阵显示图像

1 个答案: