image - xsl fo 使用 display-align ="center"将表格和图像居中

Question

我正在使用 w3schools 上的 xml 示例文件学习 xsl:fo 和培训:https://www.w3schools.com/xml/cd_catalog.xml ，我对其进行了一些修改以添加“PICTURE”标签。

我使用 xsl:for-each、fo:table 和 fo:external- 解析文件以收集表格中每张 CD 的信息图形。正如前面的问题中所建议的，我对它们都使用了 display-align="center"，但它不起作用:图像和表格保持左对齐。

这是一个代码示例(我删除了大部分样式属性以使其更具可读性):

<xsl:for-each select="CATALOG/CD">              

            <fo:block text-align="center">
                <xsl:value-of select="TITLE"/> - <xsl:value-of select="ARTIST"/>
            </fo:block>

            <fo:block>
                <fo:external-graphic content-height="scale-to-fit" width="2.00in" content-width="2.00in" display-align="center">
                    <xsl:attribute name="src">pictures/<xsl:value-of select="PICTURE"/>.jpg</xsl:attribute>
                </fo:external-graphic>
            </fo:block>

            <fo:table table-layout="fixed" font-family="Helvetica" text-indent="2em" space-before="2em" display-align="center">
                <fo:table-column column-width="4cm"/>
                <fo:table-column column-width="4cm"/>                   
                <fo:table-body>
                    <fo:table-row>
                        <fo:table-cell><fo:block>Country :</fo:block></fo:table-cell>
                        <fo:table-cell><fo:block><xsl:value-of select="COUNTRY"/></fo:block></fo:table-cell>
                    </fo:table-row>
                    <fo:table-row>
                        <fo:table-cell><fo:block>Company :</fo:block></fo:table-cell>
                        <fo:table-cell><fo:block><xsl:value-of select="COMPANY"/></fo:block></fo:table-cell>
                    </fo:table-row>
                    <fo:table-row>
                        <fo:table-cell><fo:block>Price :</fo:block></fo:table-cell>
                        <fo:table-cell><fo:block><xsl:value-of select="PRICE"/></fo:block></fo:table-cell>
                    </fo:table-row>
                    <fo:table-row>
                        <fo:table-cell><fo:block>Year :</fo:block></fo:table-cell>
                        <fo:table-cell><fo:block><xsl:value-of select="YEAR"/></fo:block></fo:table-cell>
                    </fo:table-row>
                </fo:table-body>
            </fo:table>

        </xsl:for-each>

Answer 1

display-align="center" 用于垂直居中(即，在 block-progression-direction 中)。参见 https://www.w3.org/TR/xsl/#display-align . (此外，display-align 不适用于 fo:table。如果您确实希望表格垂直居中，则必须使用 display- align="center" 在 包含 fo:table 的 FO 上。)

对于左右居中(inline-progression-direction)，使用text-align="center":参见https://www.w3.org/TR/xsl/#text-align

但是，text-align 不适用于 fo:table，因此您需要将其放在 fo:table-and-caption 并将 fo:table 作为 fo:table-and-caption 的子项(以及 fo:table-caption是可选的)。参见 https://www.w3.org/TR/xsl/#fo_table-and-caption