代码之家  ›  专栏  ›  技术社区  ›  Rich

如何在网格中布局图像?

  •  2
  • Rich  · 技术社区  · 16 年前

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

    2 回复  |  直到 10 年前
        1
  •  4
  •   Matt Large    16 年前

    为了让生活简单,我通常会为此设置一张桌子,这很简单,可以确保事情的安排正确。如果您想像在HTML中那样做,那么您应该布局块容器元素。

    不过,您决定这样做,我始终建议您使用 ZVON Reference 站点。很好地查找元素和可用属性,尽管它们的xsl-fo在解释方式上不包含太多内容,但标准文档的每个页面深度链接。

        2
  •  0
  •   Rich    16 年前

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