javascript - 在 JSP 中以矩阵形式显示图像

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 个类并在每次迭代中使用迭代编号将新类添加到新图像来获得。

src='data:image/jpeg;base64,${employee.encodedString}'/>

/c:forEach>

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