0

我的 mx:Text 的 htmlText 如下:

mainText.htmlText = "<img src=\"breadmaker.png\" width=\"339\" height=\"275\" vspace=\"0\" hspace=\"0\" \/>" + "Lorem Ipsum is simply dummy tex......(more here)"

但是,结果如下所示:

截屏

如您所知,它会切断图像标签之后文本中的前几个字符(Lorem Ipsum 是 sim),但这只是因为图像是全宽的。如果我将 img 标签更改为width=\"200\",它会显示向右浮动的文本。

但是,您可以通过全宽图像看出(因为 Text 组件的宽度为 339),文本似乎仍向右浮动,但隐藏在图像的右侧。

有什么帮助吗?

4

2 回答 2

1

HtmlText 属性在显示 HTML 内容时不是很可靠。Adobe 甚至有关于不完全支持 img 标签的说明。

但是,如果您想将文本放在图像下方,请尝试将它们放在不同的段落中(p 标签)。

或者,您可以查看3 年前Alex Harui 的博客文章。当时他有一个 HTML 实现,我发现它比 htmlText 属性更适合我的目的。

于 2011-02-17T15:47:45.780 回答
0

我最终做的是确定它是否是全宽图像,并将实际的 <mx:Image> 添加到 vbox。当我从元素请求 htmlText 时,我只需运行如下内容:

if( fullWidthImage )
    return "<p>"+imageString+"</p>"+body;
else
    return body;

这样,元素本身返回包裹在正文中的图像以获取非全宽图像,但我确保它不包含在全宽图像中,直到我需要它。

于 2011-03-09T21:24:37.510 回答