Ich versuche, ein block
Element zu unterstreichen, das Text enthält. Der Block hat ein font-size
Attribut und der Text innerhalb der block
wird von einem inline
Element umgeben, das ein anderes font-size
Attribut hat.Unterstrichen Blockelement mit verschiedenen Schriftgrößen ohne eine unterbrochene Linie
Gibt es eine Möglichkeit sicherzustellen, dass die Linie text-decoration="underline"
des äußeren Blocks eine gerade Linie über alle Blockelemente ist (ohne "Lücken" - siehe das beigefügte Bild), die ihre Position nicht ändert mit der Schriftgröße?
Mein Code:
<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>
Mein Ergebnis:
Vielen Dank im Voraus!
+1, aber man sollte sich bewusst sein, dass in den meisten Rendering-Engines der untere Rand ein bisschen niedriger ist als eine Unterstreichung wäre. – bytebuster
Vielen Dank! Tatsächlich ist die untere Grenze niedriger als die Unterstreichung, aber das ist für mich in Ordnung. –