使用HTML TextFlow进行图像对齐

时间:2012-01-16 20:32:19

标签: flex flex4

我正在使用带有基于HTML的文本流的TextArea控件,似乎无法弄清楚如何对齐图像。

HTML:

<p><img src='assets/images/pic.png' width='32' height='32'/>Some text. </p>

导入文字流程:

myText.textFlow = TextConverter.importToFlow(content, TextConverter.TEXT_FIELD_HTML_FORMAT);

问题是文本没有在图像周围对齐,它总是位于下面,我需要图像的顶部与文本对齐。我检查了TextConverter文档,它说它不支持img标记中的对齐。

I'm trying to achieve something like this...

但我需要将文本放在.xml文件中,而不是硬编码到组件中。我已经研究了一段时间,似乎无法找到答案,它不一定需要HTML,我只需要能够使用外部文件管理格式和文本。

感谢。

2 个答案:

答案 0 :(得分:1)

我不知道这对任何人都有用,但是为了将图像的顶部与单行中的文本对齐,您可以使用textFlow的属性dominantBaseLine和{{1}特定的InlineGraphicElement(或img)。设置lineHeight并在xml中设置dominantBaseLine='ideographicCenter'。如果您未设置lineHeight='[enter desired height here]',则它将与下面的任何行重叠。我还没弄明白如何让TextFlow自动解决这个问题。

如果你想能够使用可变高度的图像......那么,我滥用InlineGraphicElement lineHeight属性作为标记,使用TextFlow的styleName获取这些图像,然后设置InlineGraphicElement {代码中的{1}}。它不漂亮,但至少它有效。

答案 1 :(得分:0)

试试这些:width ='30'height ='30'align ='left'hspace ='10'vspace = '10'