Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Xml 如何在网格中布局图像?_Xml_Xslt_Xsl Fo - Fatal编程技术网

Xml 如何在网格中布局图像?

Xml 如何在网格中布局图像?,xml,xslt,xsl-fo,Xml,Xslt,Xsl Fo,我正在尝试使用XSLT和XSL-FO生成带有标题的照片,这些图片排列在一个网格中。照片URL和标题是使用针对SQL Server数据库的FOR XML查询生成的,返回的照片数量因页而异。我想把照片分成四列,从左到右,从上到下填充网格。在HTML中,我会将每张照片和标题放在一个div中,并使用“float:left”使它们流入网格。使用XSL-FO是否有类似的优雅方法?为了让生活简单,我通常会为此设置一个表,它非常简单,并将确保事情安排正确。如果您希望类似于在HTML中执行的方式,那么应该布局块容

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

为了让生活简单,我通常会为此设置一个表,它非常简单,并将确保事情安排正确。如果您希望类似于在HTML中执行的方式,那么应该布局块容器元素


不管你决定怎么做,我总是建议你使用这个网站。元素和可用属性的查找很好,虽然它们的XSL-FO在解释方面没有太多内容,但每页都有指向标准文档的深层链接。

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