如何将图像排列在网格中？

Question

我正在尝试使用 XSLT 和 XSL-FO 制作带有以网格排列的标题的照片。照片 URL 和标题是使用针对 SQL Server 数据库的 FOR XML 查询生成的，并且返回的照片数量因工作表而异。我想将照片分成四列，从左到右、从上到下填充网格。在 HTML 中，我将每张照片和标题放入一个 div 中并使用“float:left”使它们流入网格。是否有使用 XSL-FO 的类似优雅方法？

Answer 1

为了保持生活简单，我通常会为此设置一个表格，它非常简单，并且可以确保事情安排正确。如果您想以类似于 HTML 的方式进行操作，那么您应该布局块容器元素。

不管你决定做什么，我总是建议使用 ZVON 参考 地点。元素和可用属性的良好查找，虽然它们的 XSL-FO 没有包含太多解释方式，但每个页面都深层链接到标准文档。

Answer 2

最后，我使用了一个包含一行和四个单元格的表格。在每个元素中，我根据需要选择了position() mod 4等于0、1、2或3的源元素，然后确保照片和标题始终具有相同的高度，以便行正确排列。