2013-07-02 28 views
7

我想強調的是,包含文本的block元素。該塊具有一個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> 

我的結果:

Problem with undelined block with different font sizes

在此先感謝!

回答

7

我從一個供應商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。

+0

+1,但應該意識到,在大多數渲染引擎,底部邊框是有點低於下劃線會。 – bytebuster

+0

非常感謝!事實上,下邊框比下劃線更低,但這對我來說很好。 –