html - 使用 foreach 显示，但调整行和列之间的空间

Question

我在 A4 大小 中使用 3 * 8 矩阵 显示相同的图像 24 次(使用 foreach)。

问题是，我需要为每一行和每一列手动添加空间。但它不应该破坏页面。 3 * 8 矩阵应放在同一页中。

我的 css 是

foreach method
    <div id="qr" style="display: inline-block; width:6.9cm; height:4cm;" >
       (image)
    </div>
end foreach

我问的是如何在不分页的情况下增加两行之间的间距。

如果我将宽度从 6.9 增加到 7.2 以增加，第八行转到第二页，同时打印

Answer 1

使用 display:inline-block 或 display:inline css 属性时，删除空格(标签之间的空格/制表符)。