[luckylad]

Здравствуйте, уважаемые формучане!

Объекты класса TextField поддерживают рендеринг html в урезанном виде. Есть тег <img>, с помощью которого можно отображать изображение.
Мне нужно отобразить от 3 до 10 мелких изображений расположенных друг за другом, как они по-умолчанию отображаются в браузере при обычной верстке. Чтобы при ресайзе текстового поля изображения, стоящие на одной линии и выходящие за границы по ширине поля перемещались вниз на следующую линию. Ресайз сделан в другом проекте. Проблема именно с <IMG>.
Возникают 2 проблемы.
1. Отображается всего 2 изображения из N.
2. Они располагаются друг под другом, а нужно чтобы они располагались друг за другом.
Попытался решить 2-ую проблему с помощью свойства display:inline, но не помогает.
Вот код для экспериментов:

var cssStyle:StyleSheet = new StyleSheet();
 
var img:Object = new Object();
img.display = "inline";
cssStyle.setStyle("img", img);
 
var theText:TextField = new TextField();
theText.width = 450;
theText.height = 600;
theText.multiline = true;
theText.wordWrap = true;
theText.styleSheet = cssStyle;
 
theText.htmlText = "<img src='1.jpg'/>";
theText.htmlText += "<img src='2.jpg'/>";
theText.htmlText += "<img src='3.jpg'/>";
 
addChild(theText);

Подскажите пожалуйста, каким образом можно реализовать поставленную задачу?
Может быть есть другой класс для решения этой задачи?

Спасибо.