没有中断线，如何在具有不同字体大小的下划线块元素？

Question

我正在尝试给一个包含文本的块元素添加下划线。该块具有font-size属性，block内的文本被一个不同的font-size属性的inline元素包围。

是否有办法确保外部块的text-decoration =“underline”所得到的行在整个块元素上是一条直线（没有任何“间隙” - 请参见附带图片），并且不会随着字体大小而改变其位置？

我的代码：

<fo:block font-size="14pt" text-decoration="underline">
    Some text
    <fo:inline font-size="10pt"> text with a smaller font size </fo:inline>
    Another text
</fo:block>

我的结果：

提前感谢！

- M.E.

Answer 1

我有一家供应商提供的两个版本的XSL-FO引擎，最新版本呈现出无缝的常见下划线，而旧版本使用FOP呈现你所看到的内容。因此，似乎是实现相关的。

但是，您可以通过选择性地使用边框而不是依赖于实现来模仿您想要的外观。

  <block font-size="14pt">
    <inline border-after-width="1pt" border-after-style="solid">
Some text
<inline font-size="10pt"> text with a smaller font size </inline>
Another text
    </inline>
   </block>

无论这个模仿是否在FOP中起作用，我不知道，因为我不使用FOP。

- G. Ken Holman

---

+1，但是需要注意的是，在大多数渲染引擎中，底部边框比下划线要低一些。 - Be Brave Be Like Ukraine

非常感谢！的确，底部边框比下划线低，但对我来说这没问题。 - M.E.