XSL-FO 疯狂的库布局答案

【问题标题】：XSL-FO mad libs layoutXSL-FO 疯狂的库布局
【发布时间】：2014-08-19 17:02:32
【问题描述】：

尝试为疯狂的库页面创建布局。

例子：

我从_______一路_______到

(verb)             (place)

（“（动词）和”（地点）提示应该在线条的正下方，并且没有背景颜色）

<fo:block font-size="20pt" font-family="serif">
     I ___________ all the way from ___________ to
</fo:block>

如何获得提示？

到目前为止还没有成功，有什么想法吗？（如果可能的话）

使用 Apache FOP。

【问题讨论】：

您能否展示一个 XSLT 代码示例？
没有XSLT代码，直接写FO标签。
好的，如果您在这种情况下发布代码 FO，您可能会获得更多帮助。
请参阅stackoverflow.com/questions/22253279/… 了解类似问题。取决于要求是什么所有。您还可以开发一种自定义字体，在每个字符上都有一个上划线，并使用 shift 将它们向下移动。
注意：由于您的“区域”似乎具有固定宽度，因此您可以使用该人在该引用问题中尝试的 SVG 方法解决您的问题。他不能使用它，因为他的内联区域宽度不同。如果您的“________”长度相同，则可以使用它。如果你的组合是固定的（意思是，它们总是“动词”或“地方”或......你可以为每个组合创建一组 SVG 并使用其中一个。

标签： layout vertical-alignment xsl-fo

【解决方案1】：

由于您正在生成 FO 并拥有控制权，因此这（应该）对您有用。

        <fo:table>
            <fo:table-body>
                <fo:table-row>
                    <fo:table-cell><fo:block>I</fo:block></fo:table-cell>
                    <fo:table-cell><fo:block>&#160;<fo:leader leader-length="1in" leader-pattern="rule"/>&#160;</fo:block></fo:table-cell>
                    <fo:table-cell><fo:block>all the way from</fo:block></fo:table-cell>
                    <fo:table-cell><fo:block>&#160;<fo:leader leader-length="1in" leader-pattern="rule"/>&#160;</fo:block></fo:table-cell>
                    <fo:table-cell><fo:block>to</fo:block></fo:table-cell>
                </fo:table-row>
                <fo:table-row>
                    <fo:table-cell><fo:block></fo:block></fo:table-cell>
                    <fo:table-cell><fo:block text-align="center">(verb)</fo:block></fo:table-cell>
                    <fo:table-cell><fo:block></fo:block></fo:table-cell>
                    <fo:table-cell><fo:block text-align="center">(place)</fo:block></fo:table-cell>
                    <fo:table-cell><fo:block></fo:block></fo:table-cell>
                </fo:table-row>
            </fo:table-body>
        </fo:table>

经过 RenderX 测试，渲染效果符合预期。

但是，我也使用 Apache FOP 进行了测试，得到了意想不到的结果。您可以/应该向 Apache 报告错误，因为它们的渲染是错误的。恐怕您需要使用上面 cmets 中列出的 SVG 方法。

【讨论】：

检查了@kevin-brown 提到的链接。想出了这个“解决方案”。我 xa0;(动词) 一直是抱歉，如您所见，我在此处获取正确格式时遇到了很大问题。