如何将图像布置在网格中?

时间:2020-03-05 18:50:41  来源:igfitidea点击:

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

解决方案

回答

为了使生活简单,我通常会为此设置一张桌子,它很简单,可以确保正确摆放所有东西。如果我们想要执行与HTML相似的操作,则应布局块容器元素。

但是,我们决定这样做,我总是建议我们使用ZVON参考网站。对元素和可用属性进行了很好的查找,尽管它们的XSL-FO在解释方式上并未包含很多内容,但每一页都深层链接至标准文档。

回答

最后,我为此使用了一张有一行和四个单元格的表。在每一行中,我都选择了position()mod 4分别等于0、1、2或者3的源元素,然后确保照片和标题的高度始终相同,以便行正确对齐。