如何在网格中放置图像？

Question

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

Answer 1

为了保持生活简单，我通常会为此设置一个表格，它非常简单，并且可以确保正确布局。如果你想在HTML中这样做，那么你应该布局块容器元素。

但是你决定这么做我总是建议使用ZVON Reference网站。很好地查找元素和可用属性，而他们的XSL-FO并没有很多解释每个页面深度链接到标准文档的方式。

Answer 2

最后，我使用了一个包含一行和四个单元格的表格。在每一个中，我根据需要选择了位置（）mod 4等于0,1,2或3的源元素，然后确保照片和标题总是相同的高度，以便行正确排列。