flex - 3个标签的水平布局

Question

我有一个GridItemRenderer，我想在其中放置3个标签，以便第一个标签将附加到左侧，另外两个标签将附加到右侧。此外，最后一个标签的宽度应在50-150px（如果可能的话，100％）之间，我希望所有渲染器看起来都一样。 另一个要求是标签不会重叠。 如果没有足够的空间，最后的标签应该被截断以适应。

以下是渲染器的示例：

这就是我所拥有的：

<s:HGroup width="100%" height="17" verticalAlign="middle">
    <s:Label id="name" showTruncationTip="true" maxDisplayedLines="1" />
    <s:Spacer width="100%" />
    <s:Label id="id" showTruncationTip="true" maxDisplayedLines="1" />
    <s:Label id="comment" width="100%" minWidth="50" maxWidth="150" color="0x000000" showTruncationTip="true" maxDisplayedLines="1" />
</s:HGroup>

问题是，即使有足够的宽度，comment标签也会根据name宽度调整大小，而我希望它固定（以便所有渲染器看起来都一样）。 / p>

有什么方法可以限制comment标签的最小和最大宽度值，同时建议它应该尽可能宽？

Answer 1

作为一个弹性编码器的悲伤部分是我有时在这个世界上感到孤独。这些天似乎没有人关心flex ......

然而，为了像我这样的流浪狗进入这里，我会继续养成回答自己问题的习惯。

似乎间隔物是罪魁祸首。出于某种原因，似乎它的宽度比其他更重要。 无论如何，通过删除间隔符并为名称标签指定100％的宽度并将评论标签减少到50％（只是为了使名称更加突出），我设法做了我想做的事。