在布局或容器中向左或向右浮动？答案

【问题标题】：Float left or right in layouts or containers?在布局或容器中向左或向右浮动？
【发布时间】：2011-03-27 13:15:00
【问题描述】：

[Flex 4] 在布局或容器中向左或向右浮动？我有一个主容器，它是动态的，100% 宽度，里面有 3 个组件。一个应该向左，向右浮动，另一个将居中。我该怎么做？

【问题讨论】：

【解决方案1】：

将您的 3 个组件添加到 HGroup（火花）或 HBox（光环）。如果您想要允许调整组件大小的分隔线，您可以使用 HDvidedBox。希望对您有所帮助。

编辑：这是基于您的评论的代码示例：

<s:HGroup width="100%">
    <s:Panel id="fixedPanel1" width="150"/>
    <s:Panel id="variablePanel" width="100%"/>
    <s:Panel id="fixedPanel2" width="150"/>
</s:HGroup>

这是你要找的吗？

【讨论】：

水平方向是这样的：|||| || fix = 固定尺寸组件 var = 可变尺寸组件

【解决方案2】：

浮动是什么意思？有什么理由不能使用 HorizontalLayout 的组吗？

<s:group layout="{new HorizontalLayout()}" width="100%>
 <container1>
 <container2>
 <container2>
</s:group>

【讨论】：

像 html div 的样式一样浮动。
如果我没记错的话，HTML Float 是否允许其他“组件”（例如文本）环绕浮动组件？如果是这样，那么 Flex 中不存在类似的东西。您必须自定义构建它